2013-01-05 73 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。浪費大家的時間,對不起.....

相關問題