javascript - JqueryUI 日期选择器 : Uncaught TypeError: Cannot read property 'settings' of undefined?

Question

我正在开发一个 asp.net MVC4 项目，我在其中使用了大量的 JqueryUI datepicker。

对于我的一个日期选择器，当我尝试点击日期选择器图像时出现一些错误，例如，

Uncaught TypeError: Cannot read property 'settings' of undefined                jquery-ui-1.10.3.min.js:9

HTML

<div>
<input type="text" id="tsDte"  style="font-size: 14px;width: 50%" >              
                <img src="~/Images/dayPicker.png" onclick="tsDatePickerClick()" style="vertical-align:bottom"/>
</div>

Javascript

var currentDate = new Date();

$("#tsDte").datepicker({
    dateFormat: 'yy-mm-dd',
    maxDate: 0,
    changeYear: true 
}).attr('readonly', 'readonly');
$("#tsDte").datepicker("setDate", currentDate);


function tsDatePickerClick() {
    $("#tsDte").datepicker('show');
}

这里我有一个文本字段和一个日期选择器图像。当我单击日期选择器图像时，日期选择器将弹出。

我在其他日期选择器中采用了类似的方式，它们工作正常。我对这个日期选择器只有问题。

感谢任何帮助。

Answer 1

如果您尝试在分配了“hasDatepicker”类的输入字段上打开日期选择器，则会显示相同的错误。只需在 html 中删除此类即可。

之前:

<input type="text" value="01/01/2014" class="hasDatepicker">

之后:

<input type="text" value="01/01/2014">