Jquery UI 单击退出后日期选择器未重新加载

Question

具有以下代码...（在 bootstrap 环境中）

<script>
$(document).ready(function(){
    $( "#DateValidfrom" ).datepicker( {
        showAnim: "clip",
        minDate: +2, 
        maxDate: "+24M +1D",
        dateFormat: "DD, d M yy",
        altFormat: "yy-mm-dd",
        altField: "#alt-date",
        changeMonth: true,
        changeYear: true,
        onClose: function() {
            var date2 = $('#DateValidfrom').datepicker('getDate');
            date2.setDate(date2.getDate()+364)
            $( "#DateValidTo" ).datepicker("setDate", date2);
        }
    });
    $( "#DateValidTo" ).datepicker({dateFormat: "yy-mm-dd"});
});
</script>

一切正常 - 没有问题，直到我点击日期选择器字段，说去填写另一个字段，回到日期选择器字段，点击，然后得到错误 "Uncaught TypeError: Cannot read property 'setDate' of null(…)"

我刷新页面 - 又好了..

所以，第一次点击 - 运行良好，点击退出并再次返回 - 不行 - 错误如上。

这部分代码有问题吗？

       onClose: function() {
            var date2 = $('#DateValidfrom').datepicker('getDate');
            date2.setDate(date2.getDate()+364)
            $( "#DateValidTo" ).datepicker("setDate", date2);
        }

这3个字段是

<input type="text" id="DateValidfrom" name="DateValidfrom" readonly class="form-control" required>
<input type="hidden" id="alt-date" name="DateValidfrom" />
<input name="DateValidTo" type="hidden" id="DateValidTo">

Answer 1

啊啊啊啊……总不能这么简单吧？？？

已更改

onClose: function() {

到

onSelect: function() {

好像有用？正确吗？

Jquery UI 单击退出后日期选择器未重新加载

Jquery UI Datepicker not reloading after click out

jquery-ui

jquery-ui-datepicker