选择日期时，JQuery Datepicker 未正确更新我的 var答案

【问题标题】：JQuery Datepicker not updating my var correctly when a date a chosen选择日期时，JQuery Datepicker 未正确更新我的 var
【发布时间】：2012-09-19 16:29:45
【问题描述】：

我似乎一辈子都无法让它正常工作。

当 jQuery 被执行时，它工作正常，并且第一次设置 var（文本）就好了。

然后，如果再次调用它，它会保留原始文本并且不会更改，除非我当然要刷新网页。

如何修改代码，以便将 var 文本设置为应有的内容？

var sdate, text

//....1)
        $(document).on('keypress', function (e){ if(e.which === 13 && $('#dd').dialog('isOpen') === true) { $('.ui-state-active').click(); } }); 
        $('#dd').dialog({ autoOpen: true, modal: true, overlay: { opacity: 1.0, background: 'black' }, title: "SELECT A NEW DUE DATE", height: 235, width: 235, draggable: false, resizable: false});

        $('#d1').datepicker({
            onSelect: function() {

                sdate = $(this).val();

                text = 'THIS IS THE ORIGINAL TEXT WHEN A DATE IS SELECTED IN THE DATEPICKER'

                $("#dd").dialog("close");

             }//end of onSelect: function() {
        });//end of datepicker


//....2)
        $(document).on('keypress', function (e){ if(e.which === 13 && $('#dd').dialog('isOpen') === true) { $('.ui-state-active').click(); } }); 
        $('#dd').dialog({ autoOpen: true, modal: true, overlay: { opacity: 1.0, background: 'black' }, title: "SELECT APPROVAL DATE", height: 235, width: 235, draggable: false, resizable: false});

        $('#d1').datepicker({
            onSelect: function() {

                sdate = $(this).val();

                text = 'THE TEXT NEVER CHANGES FOR SOME ODD REASON AND CANT SEEM TO FIGURE OUT WHY'

                $("#dd").dialog("close");

             }//end of onSelect: function() {
        });//end of datepicker

【问题讨论】：

由于第二个文本分配中的撇号导致语法错误。感谢 Stack Overflow 语法高亮显示。
修复了它，但 var 文本仍然没有改变。

标签： javascript jquery jquery-ui javascript-framework

【解决方案1】：

问题是您在同一个 HTML 元素（我假设一个输入）上调用 datepicker 两次。第二段代码中的 onSelect 永远不会运行。看到这个jsFiddle

您需要做的是有一个第二个<input> 标签，它也是一个日期选择器，或者想出另一种方法。

【讨论】：

【解决方案2】：

您引用了两次相同的 id (#d1) ...第二个日期选择器应该引用第二个文本框。快速解决。也许是复制和粘贴剩余的。

【讨论】：