setting min date in jquery datepicker

Question

Hi i want to set min date in my jquery datepicker to  1999-10-25  so i tried the below code its not working     function              datepicker   datepicker           dateFormat   yy-mm-dd           showButtonPanel  true          changeMonth  true          changeYear  true          showOn   button           buttonImage   images calendar gif           buttonImageOnly  true          minDate  new Date 1999  10 - 1  25           maxDate    30Y           inline  true                  if i change the min year to above 2002 than it will work fine but if i specify min year less than 2002 like above eexample 1999  it will show only up to 2002 can someone help me  i am using jquery-1 7 1 min js  and jquery-ui-1 8 18 custom min js

User · Answer

Hiya working demo  http   jsfiddle net femy8   Now the calendar will only go to minimum of 1999-10-25   Click on the image i e  small icon next to text box for calendar to appear  You can try selecting up until 1999 but the minimum date for selection is 25th of oct 1999  which is what you want   This will help  have a nice one     cheers   Jquery Code      mypicker   datepicker       changeYear  true      dateFormat   yy-mm-dd       showButtonPanel  true      changeMonth  true      changeYear  true      showOn   button           buttonImage   images calendar gif           buttonImageOnly  true          minDate  new Date  1999 10 25            maxDate    30Y           inline  true

User · Answer

function              datepicker   datepicker           dateFormat   yy-mm-dd           showButtonPanel  true          changeMonth  true          changeYear  true  yearRange   1999 2012           showOn   button           buttonImage   images calendar gif           buttonImageOnly  true          minDate  new Date 1999  10 - 1  25           maxDate    30Y           inline  true               Just added year range option  It should solve the problem

User · Answer

The problem is that the default option of  yearRange  is 10 years   So 2012 - 10   2002   So change the yearRange to c-20 c or just 1999  yearRange   1999 c    and use that in combination with restrict dates  mindate  maxdate    For more info  http   jqueryui com demos datepicker  option-yearRange    See example  http   jsfiddle net kGjdL   And your code with the addition     function              datepicker   datepicker           dateFormat   yy-mm-dd           showButtonPanel  true          changeMonth  true          changeYear  true          showOn   button           buttonImage   images calendar gif           buttonImageOnly  true          minDate  new Date 1999  10 - 1  25           maxDate    30Y           yearRange   1999 c           inline  true

User · Answer

basically if you already specify the year range there is no need to use mindate and maxdate if only year is required

User · Answer

Try like this   lt script gt       document  ready function                  order ship date   datepicker              changeMonth true             changeYear true                         dateFormat  yy-mm-dd               minDate   2                        lt  script gt    html code is given below   lt input id  order ship date   type  text  class  input  style  width 80px      gt

User · Answer

Just in case if for example you need to put a min date  the last 3 months and max date next 3 months      id your date   datepicker       maxDate    3m      minDate   -3m

User · Answer

Just want to add this for the future programmer   This code limits the date min and max  The year is fully controlled by getting the current year as max year   Hope this could help to anyone   Here s the code   var dateToday   new Date    var yrRange    2014           dateToday getFullYear        function              id  txtDate    datepicker           showOn   button           changeMonth  true          changeYear  true          showButtonPanel  true          buttonImageOnly  true          yearRange  yrRange          buttonImage   calendar3 png           buttonImageOnly  true          minDate  new Date 2014 1-1 1           maxDate    50Y           inline true

[jquery] setting min date in jquery datepicker

Examples related to jquery

Examples related to jquery-ui

Examples related to jquery-ui-datepicker