谷歌浏览器 – jQuery UI Datepicker和谷歌浏览器无法正常工作

2024年1月27日 325次阅读

我在使用jQueryUI Datepicker和Google Chrome时遇到了一些问题.我的日期选择器正在按预期运行IE8,Firefox和Safari.问题是单击Chrome中的datepicker连接文本框.它给了我一个崩溃页面,“糟糕,发生错误……”.在我的页面上有带有日期选择器的文本框. datepicker依赖于语言,它动态加载正确的语言设置. datepicker还应显示月份和年份下拉列表.代码如下

$(function() {
    $.datepicker.setDefaults($.extend({ changeMonth: true, changeYear: true }, $.datepicker.regional['']));

    $('#<%= TextBoxBirthDate.ClientID %>').datepicker($.datepicker.regional[$('#LabelRegionalSettings').val()]);});

如果我只使用一个选项扩展datepicker,即changeYear,它可以在Chrome中使用.但是如果我添加另一个选项,即changeMonth,则会发生Chrome中的“崩溃”.

我的代码不正确吗？如果是这样,我该如何解决？

任何帮助是极大的赞赏！

我已经更新了代码,使其更具可读性.但是,如果添加changeMonth选项,Chrome仍然会崩溃.

$(function() {
    $.datepicker.setDefaults($.datepicker.regional['']);
        $('#<%= TextBoxBirthDate.ClientID %>').datepicker($.datepicker.regional[$('#LabelRegionalSettings').val()]);<br />
        $('#<%= TextBoxBirthDate.ClientID %>').datepicker('option', 'changeMonth', true);
        $('#<%= TextBoxBirthDate.ClientID %>').datepicker('option', 'changeYear', true);
        $('#<%= TextBoxBirthDate.ClientID %>').datepicker('option', 'yearRange', '-50:+0');
    });

任何人都有任何想法可能会导致Chrome崩溃？

最佳答案 实际上…继承人我的解决方案：

有些问题与年份选择元素的宽度有关

css中的确切行是下一行：

.ui-datepicker select.ui-datepicker-month,

.ui-datepicker select.ui-datepicker-year {width：49％;}

如果你将它改为某个非百分比值,它会修复它…像这样：
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width：75px;}

希望能帮助到你,
马塞洛

点赞