1

我正在使用绑定到一类 HTML 文本框的 Trent Richardson datetimepicker jQuery 插件,但我不知道如何设置选择器以匹配这些框。

我正在像这样调用 datetimepicker:

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

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

$('.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 已经“意识到”每个盒子的内容,它就会做我想要的。

这个网站上有一些相关的问题,但没有答案。任何人都可以帮忙吗?谢谢。

4

2 回答 2

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可以识别的格式

于 2013-01-05T17:22:35.893 回答
0

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

呃。浪费大家的时间,对不起......

于 2013-01-05T17:25:48.927 回答