对话框内的JQuery Datepicker不更新输入值答案

【问题标题】：JQuery Datepicker inside a dialog Doesn't update the input value对话框内的JQuery Datepicker不更新输入值
【发布时间】：2013-04-01 21:43:34
【问题描述】：

我在对话框中创建了一个简单的 Web 表单。当我打开对话框时，我在 datepicker 输入中单击，日历会弹出。当我选择一个日期时，日期选择器关闭，但输入中的日期实际上并没有改变。

$("#ProductContractEntry").dialog({
    autoOpen: false,
    hide: { effect: "explode", duration: 500 },
    modal: false,
    width: 'auto',
    height: 'auto',
    position: 
    { 
        my: "left left", 
        at: "left left", 
        of: window, 
        collision: "fit", 
        within: "#mainContent" 
    },
    closeOnEscape: true,
});

$("#Expiration").datepicker();

【问题讨论】：

你能把你的问题复制到Fiddle吗？
我还不能在 Fiddle 中重现它。当我创建一个非常简单的示例（见下文）时，它似乎总是有效。我猜想我的更复杂的 mvc 页面会出现多种形式和部分视图以某种方式搞砸了。 link
我在 MVC 站点的 jQuery 对话框中的几个日期选择器遇到了同样的问题。问题是我还有很多其他地方可以使用 - 但这次不行。

标签： jquery dialog datepicker

【解决方案1】：

将原始日期格式化为mm/dd/yyyy：

<tr><td><input type="text" id="Expiration" value="04/01/2013" class="datepicker" /></td></tr>

演示：http://jsfiddle.net/f6Tzx/2/

【讨论】：

【解决方案2】：

在我的页面上还有一个 jqGrid，它有一行的 colmodel 名称也为 Expiration。即使我在该行的 colmodel 中添加了一个索引：“g_Expiration”，但 ID 与我的 ID 为“Expiration”的输入冲突。在我将 colmodel 中的索引名称更改为“contract_Expiration”后，它在选择日期时开始正确设置输入。

【讨论】：