Using this tip we can access the Unlimited Years of Calender using simple JQuery
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<span id="hideThisHomePageComp"></span>
<script type="text/javascript">
$j = jQuery.noConflict();
$j(document).ready(function() {
var startYear=1900;
var endYear=2024;
var htmlStr='';
if(startYear<endYear){
for(i=startYear;i<endYear+1;i++){
htmlStr += "<option value=\""+i+"\">"+i+"</option>";
}
$j('#calYearPicker').html(htmlStr);
}
$j('#sidebarDiv #hideThisHomePageComp').parent().parent().hide();
} );
</script>
<apex:form>
Date: <apex:inputField value="{!contact.birthdate}" id="demo" onfocus="DatePicker.pickDate(false, this , false);"/> <br/>
</apex:form>
</apex:page>
Page:
------
<apex:page standardController="Contact" id="mypage">
------
<apex:page standardController="Contact" id="mypage">
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<span id="hideThisHomePageComp"></span>
<script type="text/javascript">
$j = jQuery.noConflict();
$j(document).ready(function() {
var startYear=1900;
var endYear=2024;
var htmlStr='';
if(startYear<endYear){
for(i=startYear;i<endYear+1;i++){
htmlStr += "<option value=\""+i+"\">"+i+"</option>";
}
$j('#calYearPicker').html(htmlStr);
}
$j('#sidebarDiv #hideThisHomePageComp').parent().parent().hide();
} );
</script>
<apex:form>
Date: <apex:inputField value="{!contact.birthdate}" id="demo" onfocus="DatePicker.pickDate(false, this , false);"/> <br/>
</apex:form>
</apex:page>

No comments:
Post a Comment