jQuery datepicker没有正确更新值

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

我做了一个JSFiddle来显示问题。 当您选择日期时，跨度会更新并显示日期选择器的值。 但是你可以看到它第一次是空白的，第二次显示前一个选定的日期。 因此，日期选择器不会立即更新。 我怎样才能解决这个问题？

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

JSFiddle： http ： //jsfiddle.net/kmsfpgdk/

HTML：

JS：

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

Answer 1

最好使用内置方法onSelect:fn使用：

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

小提琴

---

根据文件：

ONSELECT

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

Answer 2

change事件发生在blur事件之前。

使用.change()代替.blur()

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

更新了jsFiddle演示