2013-01-05 76 views
1

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

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

这个网站上有一些相关的问题,但没有答案。谁能帮忙?谢谢。

回答

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将识别

格式
+0

谢谢你,Char。我认为我做错了什么,但你的回答会做到这一点。 – Stanton

0

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

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

相关问题