Question

我正在使用绑定到一组HTML文本框的Trent Richardson datetimepicker jQuery插件，但我无法弄清楚如何设置选择器以匹配框。

我正在调用datetimepicker，如下所示：

$('.c_datepick').datetimepicker({
    hourGrid: 12,
    minuteGrid: 30,
    timeFormat: 'hh:mm',
    showTimezone: false,    
})

文本框中填充了数据库中的日期/时间。我能想到调用datetimepicker的唯一方法是使用文本框的click事件，如下所示：

$('.c_datepick').click(function() {

    (Do something here to set the datetimepicker to the value of the text box)

    alert($(this).val());  // This alert shows the value I want

})

我把这个警告框放在函数中，检查我是否可以看到我想要使用的值，它就在那里。我的问题是，如何将datetimepicker设置为框中的值？或点击事件甚至是这样做的地方？

我知道这可行，因为当我使用datetimepicker更改文本框的值时，datetimepicker会记住该值。换句话说，一旦datetimepicker已经“了解”每个盒子的内容，就可以实现我想要的。

本网站上有一些相关问题，但没有答案。有人可以帮忙吗？谢谢。

Answer 1

如果插件没有自动解析值本身，你可以在循环中初始化它们并从循环中获取每个值：

$('.c_datepick').each(function () {    
  var $input = $(this);
  $input.datetimepicker({
    hourGrid: 12,
    minuteGrid: 30,
    timeFormat: 'hh:mm',
    showTimezone: false,
  }).datetimepicker('setDate',new Date( Date.parse($input.val())));
})

假设日期值是Date.parse将识别的格式

Answer 2

我偶然发现了解决方案。我在文本框中使用了字符串。当我使用Date和strToTime将它们转换为日期时，datetimepicker会自动识别它们。

咄。浪费每个人的时间，对不起......

如何将datetimepicker设置为它绑定的文本框的值

2 个答案: