javascript - JQuery Datepicker 不会更改输入值

Question

我正在使用 Jquery UI Datepicker 插件作为 DateTimePicker http://jsfiddle.net/j5rkbnrt/1/

<input id="deliveryTime" name="deliveryTime" type="text" value="08/05/2015 10:00">

 $('#deliveryTime').datetimepicker({
     dateFormat: 'dd/mm/yy',
     timeFormat: 'HH:mm',
 });

DateTimePicker 与输入字段相关联。当我选择日期时，输入字段的值没有改变。因此，当我提交包含此输入的表单时，我总是获得默认值。

我查看了默认的 jquery datepicker，它也没有改变输入的值。 https://jqueryui.com/datepicker/

我在这里错过了什么？

Answer 1

您混淆了内联 value 属性与输入字段包含的实际值。

属性值的含义如下:

<input id="deliveryTime" name="deliveryTime" type="text" value="08/05/2015 10:00">

值属性是value="08/05/2015 10:00" .该值可以是您在输入字段中输入的任何日期。

所以即使属性是value="08/05/2015 10:00" ，输入的实际值，即输入字段中的任何文本，都是实际值。

当您在输入中输入新值然后使用 $('#deliveryTime').val() 时您会看到您的新值是输入字段中文本的实际值。

如果您热衷于更改输入字段的属性，我发现自val() 以来有点模棱两可。已经返回该值，那么您需要执行以下操作:

$('#deliveryTime').change(function(){
    $(this).attr('value', $('#deliveryTime').val());
});

因此“每次更改交付时间时，将 value 属性设置为输入值”。 Fiddle!

正如我所说，这是模棱两可的。我建议只使用 $('#deliveryTime').val()实现相同的目的。