Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery:datepicker导致整个页面闪烁!_Jquery_Jquery Ui_Jquery Ui Datepicker - Fatal编程技术网

jQuery:datepicker导致整个页面闪烁!

jQuery:datepicker导致整个页面闪烁!,jquery,jquery-ui,jquery-ui-datepicker,Jquery,Jquery Ui,Jquery Ui Datepicker,当我为我的日期选择器设置一个自定义年范围(即+-100年)时,在日期选择器输入字段上的focusin事件期间,页面会闪烁。此外,在datepicker gui中更改月/年时,datepicker会闪烁 我认为这是因为datepicker年范围内超过+20年的DOM对于datepicker生成来说可能太多了,但我不是100%。我确实知道,在日期范围内,低于+-20年,这种闪烁不会发生 这是我的日期选择器代码: // add datepicker var today =

当我为我的日期选择器设置一个自定义年范围(即+-100年)时,在日期选择器输入字段上的focusin事件期间,页面会闪烁。此外,在datepicker gui中更改月/年时,datepicker会闪烁

我认为这是因为datepicker年范围内超过+20年的DOM对于datepicker生成来说可能太多了,但我不是100%。我确实知道,在日期范围内,低于+-20年,这种闪烁不会发生

这是我的日期选择器代码:

            // add datepicker
   var today = new Date();
   $('companyVarDate').datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'yy-mm-dd',
    yearRange: (today.getFullYear() - 100) + ':' + (today.getFullYear() + 100)
   }); 

有没有办法修复这个闪烁?谢谢

解决方案是今天不要执行
。getFullYear()
。当您设置+和-年值时。相反,您希望执行以下操作:

var today = new Date();
$('#companyVarDate').datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'yy-mm-dd',
    yearRange: '-100:+100'
});
Firefox 3.6中的闪烁消失了。您可以在这里看到一个示例:

您使用的是1.8.7吗

Firefox中的datePicker整页闪烁问题已在jQueryUI1.8.7中修复


变更集

无论哪种方式都不会产生太多的数据,当每个页面都显示在选择器中时,就会进行计算。您在哪个浏览器中看到闪烁?firefox 3.6.3和jQuery UI Datepicker 1。8@NickCraver@Garrett——在Firefox 3.6和jQuery UI 1.8中,我也看到了闪烁。请参见此处的JSFIDLE示例: