Question

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

我正在解决将value属性添加到输入字段的问题。如果我在输入字段上设置value属性，则timepicker不会在输入字段中显示该值，但会读取timepicker的值。请参阅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
    }
);

jquery TimePicker插件未使用默认值

1 个答案: