JqueryUI Datepicker:未捕获的TypeError:无法读取未定义的属性“设置"? [英] JqueryUI Datepicker: Uncaught TypeError: Cannot read property 'settings' of undefined?

问题描述

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

I am developing a asp.net MVC4 project where i use lots of JqueryUI datepicker.

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

For one of my date picker when i tried to click on datepicker image i am getting some error like,

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

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');
}

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

Here i have a Textfield and a datepicker image.When i click on datepicker image datepicker will popup .

我在其他日期选择器中遵循了类似的方法，并且它们工作正常.我对此日期选择器只有问题.

i have followed the similar way in other datepicker and they are working fine.I have only problem with this date picker.

感谢您的帮助.

推荐答案

我认为您的日期选择器未正确创建，因此，当您调用show时，它需要一个settings对象.

I think your datepicker wasn't created correctly, so when you call show, it expects a settings object.

可能您没有在$(document).ready内部创建它，您应该具有:

Probably you didn't create it inside $(document).ready, you should have:

$(document).ready(function(){      //Add this line (and it's closing line)
    var currentDate = new Date();

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

希望这会有所帮助.干杯

Hope this helps. Cheers

这篇关于JqueryUI Datepicker:未捕获的TypeError:无法读取未定义的属性“设置"?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！