在jquery datepicker中设置最短date
嗨，我想在我的jquery datepicker（1999-10-25）设置最短date，所以我试着下面的代码，它不工作。
$(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 }); }); **如果我将分年改为2002年以上，则可以正常工作，但是如果我指定的年份less于2002年（如上面的例子1999），它将只显示到2002年。有人帮助我。 我正在使用jquery-1.7.1.min.js和jquery-ui-1.8.18.custom.min.js。
$(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 }); });
只是增加了一年范围选项。 它应该解决这个问题
问题是“yearRange”的默认选项是10年。
所以2012 - 10 = 2002 。
因此，将yearRange更改为c-20:c或1999（ yearRange: '1999:c' ），并将其与限制date（mindate，maxdate）结合使用。
欲了解更多信息： http : //jqueryui.com/demos/datepicker/#option-yearRange
看例子： http : //jsfiddle.net/kGjdL/
而你的代码加上：
$(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 }); });
嗨工作演示 ： http : //jsfiddle.net/femy8/
现在日历只会在1999-10-25最less。
点击图像，即日历文本框旁边的小图标出现。 你可以尝试select，直到1999年，但select的最低date是1999年10月25日。这是你想要的。
这将有助于，有一个很好的！ :)欢呼！
jquery代码
$(".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 });
只是想为未来的程序员添加这个。
此代码限制date的最小值和最大值。 今年是最大年份完全控制。
希望这可以帮助任何人。
这是代码。
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 }); });
像这样尝试
<script> $(document).ready(function(){ $("#order_ship_date").datepicker({ changeMonth:true, changeYear:true, dateFormat:"yy-mm-dd", minDate: +2, }); }); </script>
html代码如下
<input id="order_ship_date" type="text" class="input" style="width:80px;" />
基本上如果你已经指定了年份范围， maxdate如果只需要一年，就不需要使用mindate和maxdate
以防万一，如果你需要把一个最短的date，最近3个月和最多3个月
$('#id_your_date').datepicker({ maxDate: '+3m', minDate: '-3m' });
