Saturday, 21 June 2014

Unlimited Years For Standard Calender in Visualforce Page

Using this tip we can access the Unlimited Years of Calender using simple JQuery


Page:
------
<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