2013-02-02 90 views
0

對於我的datetime字段,我使用了jQuery date/timepicker。如何在jQuery ui date/timepicker輸入字段輸出(PHP的日期值)?

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

這工作得很好。

但在更新表單上,當我嘗試在此日期/時間選擇器輸入字段中從數據庫輸出日期時,它不起作用。當我檢查元素的日期值出現(在正確的UI日期/ timepicker格式),如下圖所示的圖像:

Output issue on UI date/timepicker field

我怎樣才能使日期值從PHP出現在日期選擇器領域呢?

+0

你如何設置該字段的值?你能告訴我們代碼嗎? – greener

+0

當你'print_r($ _ POST);'看看發佈了什麼,日期不是嗎? – Popnoodles

+0

@popnoodles我測試過迴音日期,很好。即使日期時間格式與uidatepicker fromat完全相同。當我檢查元素,我可以看到'價值=「2013-02-01 23:30:20」' –

回答

1

不是設置生成的輸入字段的值,而是在創建選取器時傳入默認值參數。看到Options tab, other options,即

defaultValue 
    Default: null - String of the default time value placed in the input on focus when the input is empty. 

這看起來可能選擇時(例如,它說「焦點」)纔有效。

另外,雖然我不熟悉timepicker,你應該能夠在$(document).ready使用setDate() method設置日期/時間,像這樣的東西或similiar:

$(".selector").datetimepicker("setDate", "<?php echo $time_date?>"); 
+0

如果我正在閱讀的權利,該文本框將顯示爲一直空着,直到你點擊它,*然後*它會預先選擇指定的一天。 – mpen

+0

你是對的...剛剛刪除我的答案。我找不到任何特定的時間選擇器。 defaultValue表示「關注焦點」,這就是爲什麼我把它放在外面的原因。 –

+0

@馬克你可能是對的。如果是這種情況,那麼需要使用setDate()方法。 jQuery datepicker不使用value屬性來跟蹤存儲的數據,這就是OP當前解決方案不起作用的原因。 – ernie

-1

只要使用PHP的date()函數以與jQuery相同的方式格式化value屬性。

+0

我做了這個,'$ time_date = date(「Y-m-d H:s:i」,strtotime($ row ['time_date']));'uidatetimepicker上的格式也是如此。 –

+0

@MrGhimire:使用jQuery UI Datepicker可以很好地工作:http://jsfiddle.net/mnbayazit/ExQGX/1/如果它不適用於您的修改過的庫,那聽起來對我來說很麻煩。 – mpen

0

你不能那樣做。 jQuery Datepicker會禁用輸入字段值,除非它在字段值中進行了硬編碼。如果你正在使用從數據庫或其他東西填充,使用下面的方法。可以使用setDate函數完成。如下所示: -

$("#your_input_id").datepicker("setDate", "<?php echo $date_value;?>"); 

它只適用於日期和日期與時間字段。它自動適合您的日曆格式化的值。

相關問題