DatePicker for visualforce

date picker add from to date:





<apex:page controller="datepicker" 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=1970;                   var endYear=2022;                   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:inputText value="{!datename}" size="10" id="demo" onfocus="DatePicker.pickDate(false, this , false);"/>   
   </apex:form>
</apex:page>
______________________________________
public class datepicker {

    public String datename { get; set; }

}