JqueryUI Datepicker: Uncaught TypeError: Cannot read property 'settings' of undefined?

Question

I am developing a asp.net MVC4 project where i use lots of JqueryUI 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 ```

``` 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. Any help is appreciated.

Accepted Answer

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

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: Uncaught TypeError: Cannot read property 'settings' of undefined?

Solution

Problem