jQueryUI日期选择器更改时是否更新DIV？

我正在试验jQueryUI日期选择器

我的最终目标是将其用于项目任务管理应用程序，该应用程序在弹出模式窗口中为每个任务记录显示任务数据。然后，它将显示一个截止日期字段作为如下文本<代码>截止日期：2015年5月23日

然后，我希望能够单击到期日

#到期日

DIV，让它显示一个在线日期选择器日历

用户可以选择一个日期值，然后更新

截止日期：2015年5月23日

，以显示新选择的日期值。（以及发布AJAX更新帖子）

下面的演示是这个过程的开始，因为它有一个文本输入字段，我在单击日历日期选择器值时更新了该字段。同时更改文本值将更新选定的日历值（双向）

问题是，当选择并更改值时，它不允许我更新或运行其他代码

演示：

HTML

<input type="text" id="d" />

<div id="due-date">05/23/2015</div>

<div id="due-date-cal"></div>

---

使用onSelect函数

---

使用onSelect函数

---

使用onSelect函数

---

使用onSelect函数

---

在更改

#d

而不是日期选择器时触发事件

$(document).on('change', '#due-date-cal', function(){
    //Code Here
});

//Instead of:

$('#d').change(function(){
    //code here
});

---

在更改

#d

而不是日期选择器时触发事件

$(document).on('change', '#due-date-cal', function(){
    //Code Here
});

//Instead of:

$('#d').change(function(){
    //code here
});

---

在更改

#d

而不是日期选择器时触发事件

$(document).on('change', '#due-date-cal', function(){
    //Code Here
});

//Instead of:

$('#d').change(function(){
    //code here
});

---

在更改

#d

而不是日期选择器时触发事件

$(document).on('change', '#due-date-cal', function(){
    //Code Here
});

//Instead of:

$('#d').change(function(){
    //code here
});

---

非常好，我刚刚看到了，非常好，非常好，非常好，非常好，非常好，非常好，非常好，非常好，非常好