javascript - jQuery datepicker 没有正确更新值

Question

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

我做了一个 JSFiddle 来展示这个问题。当您选择一个日期时，跨度会更新并显示日期选择器的值。但是正如您所看到的，第一次它是空白的，而第二次它显示的是之前选择的日期。所以日期选择器不会立即更新是有值(value)的。我怎样才能解决这个问题？

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

JSFiddle: http://jsfiddle.net/kmsfpgdk/

HTML:

<input type="text" id="datepicker" name="date" />
<span id="data"></span>

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);
   }
});

Fiddle

---

根据文档:

onSelect

Called when the datepicker is selected. The function receives the selected date as text and the datepicker instance as parameters. this refers to the associated input field.