javascript - HTML5 datetimepicker 插件 jquery

Question

我遇到一个问题，我使用以下插件来获取 jquery 日期

http://trentrichardson.com/examples/timepicker/

1)我可以通过他的例子选择日期和时间2)但是我做了检查，系统无法识别初始输入的字符串，直到您在文本框中输入空格“”之前，该字符串将是未定义的。

有什么建议吗？

html 示例

<td>Start Time: <input id="startTimePicker" class="textBox" data-ng-model="StartTime" type="text"></input></td>
<td>End Time: <input id="endTimePicker" class="textBox" data-ng-model="EndTime" type="text"></input></td>

我的脚本示例

$(function() {
   $("#startTimePicker").datetimepicker(
   {
     dateFormat: 'yy-mm-dd'
   });
});

$(function() {
   $("#endTimePicker").datetimepicker(
   {
     dateFormat: 'yy-mm-dd'
   });
});

Answer 1

认为这是由于在多个输入上调用多个日期时间选择器。

尝试在您想要日期选择器的所有输入中添加一个类。

并且仅初始化它们一次。

示例

<input id="startTimePicker" class="textBox datetimepicker" data-ng-model="StartTime" type="text"></input>

Jquery:

$(document).ready(function(){
   $(".datetimepicker").datetimepicker(
   {
      dateFormat: 'yy-mm-dd'
   });
});

确保您的输入是在 datetimepicker() 函数之前生成的。或者您必须在将它们插入 DOM 后调用该函数。