Javascript jQuery UI日期选择器和变量

看来我这辈子都没法让它工作。基本上情况是这样的。我有一个函数可以执行，并弹出一个jQuery对话框窗口，其中嵌入了一个日期选择器。用户选择日期和presto，选择日期并将自动消息捕获到var中。问题是，当再次执行相同类型的代码时，sdate会更改，但文本在新日期后保持不变。我想要有动态日期的动态文本。这很棘手，因为我知道datepicker是一个回调函数，这基本上超出了我对javascript编码的了解

<div style="display:none" id="dd">
<div id="d1"></div>
</div>

发疯了，需要论坛专家的帮助

---

非常感谢和感谢您的帮助和支持

我对您运行它的顺序有点小问题，所以我做了一些更改。我运行了以下程序：

我使用了以下html：

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css" rel="stylesheet" />

<div style="display:none" id="dd">
    <div id="d1"></div>
</div>

<button data="1">1</button>
<button data="2">2</button>

---

我唯一的问题是操作顺序。因此，我在创建对话框之前创建了日期选择器。

我对运行它的顺序有点问题，所以我做了一些更改。我运行了以下程序：

我使用了以下html：

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css" rel="stylesheet" />

<div style="display:none" id="dd">
    <div id="d1"></div>
</div>

<button data="1">1</button>
<button data="2">2</button>

---

我唯一的问题是操作顺序。因此，在创建对话框之前，我创建了日期选择器。

这个带有动态日期的动态文本是什么意思？它可能只是一个复制/粘贴的遗迹，但您的代码中似乎缺少很多分号。另外，您真的需要将模式对话框与日期选择器结合起来吗？jqueryui日期选择器已经具有可配置的弹出窗口小部件行为。您能否显示实际调用

test（1）

和

test（2）

的代码？您现在可以描述什么是错误的吗？这个带有动态日期的动态文本是什么意思？它可能只是一个复制/粘贴的遗迹，但您的代码中似乎缺少很多分号。另外，您真的需要将模式对话框与日期选择器结合起来吗？jqueryui日期选择器已经具有可配置的弹出窗口小部件行为。您能否显示实际调用的代码

test（1）

和

test（2）

？

jQuery(document).ready(function(){
    jQuery("button").click(function(){
        test(jQuery(this).attr("data"));        
    });
});

var sdate, text

function test(x) {
    if (x == '1') {
        $('#d1').datepicker({
            onSelect: function() {
                sdate = $(this).val();
                $("#dd").dialog("close");
                text = 'THE DATE YOU HAVE CHOSEN IS: '+ sdate +'.';
                alert(text);
                //jQuery(this).datepicker("destroy");
             }//end of onSelect: function() {
        });//end of datepicker

        $('#dd').dialog({ 
            autoOpen: true, 
            modal: true, 
            overlay: { 
                opacity: 1.0, 
                background: 'black' 
            }, 
            title: "SELECT DATE 1...", 
            height: 400, 
            width: 400, 
            draggable: false, 
            resizable: false});

    } else if (x == '2') {
        $('#d1').datepicker({
            onSelect: function() {
                sdate = $(this).val();
                $("#dd").dialog("close");
                text = 'THE 2ND DATE YOU HAVE CHOSEN IS: '+ sdate +'.';
                alert(text);
            //jQuery(this).datepicker("destroy");

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

        $('#dd').dialog({ 
            autoOpen: true, 
            modal: true, 
            overlay: { 
                opacity: 1.0, 
                background: 'black' 
            }, 
            title: "SELECT DATE 2...", 
            height: 400, 
            width: 400, 
            draggable: false, 
            resizable: false});

    }//end of (x == '2')

}//end of function