google-chrome - jQuery UI Datepicker 和 Google Chrome 不工作

Question

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

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

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

如果我只用一个选项扩展日期选择器，即 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 崩溃？

Answer 1

实际上......这是我的解决方案:
年份选择元素的宽度存在一些问题
css 中的确切行是下一行:
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 宽度:49%;}

如果您将其更改为某个非百分比值，它会修复它......像这样:
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 宽度:75px;}

希望能帮助到你，
马塞洛