jquery TimePicker 插件未使用默认值

Question

我正在使用Trent Richardson's Timepicker plugin。

我遇到了向输入字段添加值属性的问题。如果我在输入字段上设置 value 属性，则时间选择器不会在输入字段中显示值，但它会读取时间选择器的值。参见 jsfiddle 上的示例代码：http://jsfiddle.net/kasulachetu/7fug98m3/3/

HTML：

<div class="wrapper">
  <input type="text" name="start_date" id="start_date" value="21 Aug 2014 01:00" />
  <input type="text" name="end_date" id="end_date" value="25 Aug 2014 01:00" />
</div>

jQuery:

var startDate = $("#start_date"),
endDate = $("#end_date");

$.timepicker.datetimeRange(
    startDate,
    endDate,
    {
      minInterval: (1000*60*60),
      dateFormat: 'dd M yy', 
      timeFormat: 'HH:mm',
      start: {}, // start picker options
      end: {} // end picker options                 
    }

);

我该如何解决？

Answer 1

这可能不适合您的需要，但如果您的要求允许您省略 .datetimeRange 属性，并提供您的输入类名称，您可以应用 .datetimepicker 方法来显示时间部分输入值。

见我的fiddle。

HTML：

<div class="wrapper">
<input type="text" name="start_date" id="start_date" value="21 Aug 2014 01:00" class="dateTimeInput" />
<input type="text" name="end_date" id="end_date" value="25 Aug 2014 01:00" class="dateTimeInput"/>

jQuery：

$(".dateTimeInput").datetimepicker(
    {
       minInterval: (1000*60*60),
       dateFormat: 'dd M yy', 
       timeFormat: 'HH:mm',
       start: {}, // start picker options
       end: {} // end picker options
    }
);