jquery datepicker - 两个日期格式相同时发生冲突

Question

我有一个带有两个日期字段的表单。这是一个很大的表格，所以我只展示相关部分。

<input id="dateofassessment" name="dateofassessment"  readonly="readonly" class='datebox' />
<input id="LastIncident" name="LastIncident" readonly="readonly" class="datebox" />

（我应该指出，“dateofassessment”是表单中的第一项，“LastIncident”是最后一项）

我像这样附加日期选择器对象。

    $(".datebox").datepicker({
        dateFormat: 'dd-M-yy',
        changeYear: true,
        showButtonPanel: false
        });

“dateofassessment”输入框工作得很好。日历显示正常，单击日期即可填写“评估日期”字段 - 完美！

然而，“LastIncident”框的效果不太好。单击它会显示日历“确定”。但是，选择日期并不填写表格。事实上，日历在“最后事件”处关闭，并在我选择日期后立即在“评估日期”字段中重新打开。

我无法发布完整的代码，因为内部网站上有大量代码。但希望我已经发布了相关部分。

仅供参考，这些字段是“只读”的事实没有任何区别。

版本... jQuery v1.5.1 日期选择器 1.8.9

Answer 1

嗯，这显然是日期选择器的错误。使用

$(".datebox").datepicker({
        dateFormat: 'dd-M-yy',
        changeYear: true,
        showButtonPanel: false
        });

“尝试”

$("#dateofassessment").datepicker({
        dateFormat: 'dd-M-yy',
        changeYear: true,
        showButtonPanel: false
        });

$("#LastIncident").datepicker({
        dateFormat: 'dd-M-yy',
        changeYear: true,
        showButtonPanel: false
        });

我知道它会让您重复自己，这很糟糕，但它可以帮助解决问题。或者您可以尝试另一个日期选择器。或者更新这个新版本

Answer 2

您的问题位于其他地方，请参阅此小提琴，它按预期工作：http://jsfiddle.net/AfmpL/

Answer 3

您还可以使用 .setDefaults 使所有日期选择器的行为相同（我的母版页中有我的日期选择器，甚至不在 OnDocumentReady 中，因为我希望它在 OnDocumentReady 函数之前运行）。

$.datepicker.setDefaults({
    showOn: "button",
    buttonImage: "/Program/Images/calendar.png",
    buttonImageOnly: true,
    buttonText: ""
})

因此，您几乎不必重复太多内容。

$("#dateofassessment").datepicker();
$("#LastIncident").datepicker();

Answer 4

尝试使用此 JavaScript：

$(function() {
    $( "#datepicker" ).datepicker();
    $( "#datepicker" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
});

$(function() {
    $( "#datepicker2" ).datepicker();
    $( "#datepicker2" ).datepicker( "option", "dateFormat", "yy-mm-dd" );   
});

然后使用以下表单字段：

<input type="text" id="datepicker" name="fecha_ingreso" />
<input type="text" id="datepicker2" name="fecha_ingreso2" />