Javascript jQuery datepicker未正确更新值

在我目前工作的网站上，我有一个添加事件的表单。此事件需要用户使用jQuery日期选择器选择的日期。一个日期只能有一个事件。所以我想检查用户在日期选择器中插入的日期。我尝试在用户选择日期后获取值。但问题是，日期选择器不会立即更新其值

我做了一个JSFiddle来说明这个问题。选择日期时，范围将更新并显示日期选择器的值。但是，正如您所看到的，第一次它是空白的，第二次它显示以前选择的日期。因此，日期选择器不会立即更新is值。我怎样才能解决这个问题

我在stackoverflow上查看了其他类似的问题，但他们的解决方案对我不起作用

JSFiddle:

HTML:

---

change

事件发生在

blur

事件之前

使用

.change（）

而不是

.blur（）

---

最好使用内置方法

onSelect:fn

使用：

$('#datepicker').datepicker({
   onSelect: function () {
       $('#data').text(this.value);
   }
});

---

根据文件：

选择日期选择器时调用。函数将所选日期作为文本接收，并将datepicker实例作为参数接收这是指关联的输入字段

---

如果谷歌把你带到这里来是因为你的输入似乎没有响应各种

JQuery

（

事件，很可能是因为同一页面上有另一个元素具有相同的

id

此版本的问题在于无法手动键入数据。如果用户在不触摸日期选择器的情况下进行制表或单击，则不会触发更新功能。

$('#datepicker').datepicker();

$('#datepicker').blur(function () {
    var val = $(this).val();
    $('#data').text(val);
});

$('#datepicker').change(function() {
    var val = $(this).val();
    $('#data').text(val);
});

$('#datepicker').datepicker({
   onSelect: function () {
       $('#data').text(this.value);
   }
});