为什么我的jQuery日期选择器UI插件不会在年份字段中显示向上/向下箭头

前端之家收集整理的这篇文章主要介绍了为什么我的jQuery日期选择器UI插件不会在年份字段中显示向上/向下箭头前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
按照这个 problematic example,我似乎无法使用上下箭头来选择早于2001年或晚于2021年的日期.
  1. Education Record
  2. did you complete high school? * --> Yes
  3. clicking Graduation Date *
  4. clicking 2013 down arrow

是什么导致了这个?在Windows 7和Firefox中的IE10中根本没有显示滚动箭头,滚动箭头显示但是在2001年之前或2021之后无法滚动.解决方法是选择最小或最大日期并再次单击箭头在年之前或之后展示.

解决方法

试试这个 – jsFiddle
  1. $(function () {
  2. $("#datepicker").datepicker({
  3. changeMonth: true,changeYear: true,yearRange: "-120:+10",// magic!
  4. dateFormat: 'mm/yy',onClose: function (dateText,inst) {
  5. var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
  6. var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
  7. $(this).datepicker('setDate',new Date(year,month,1));
  8. }
  9. });
  10. });

API Documentation for yearRange

猜你在找的jQuery相关文章