2011-11-03 23 views
1

我想爲Date字段使用DatePicker庫,但是當提交表單時,輸入字段的'值'爲空。
我複製從這裏代碼:http://www.monkeyphysics.com/mootools/script/2/datepickerMooTools DatePicker庫:如果提交表單,'value'爲空

<script>   
     window.addEvent('load', function() { 
     new DatePicker('.demo_vista', { pickerClass: 'datepicker_vista' }); 
     new DatePicker('.demo_dashboard', { pickerClass: 'datepicker_dashboard' }); 
     new DatePicker('.demo_jqui', { pickerClass: 'datepicker_jqui', positionOffset: { x: 0, y: 5 } }); 
     new DatePicker('.demo', { positionOffset: { x: 0, y: 5 }}); 

     }); 
</script> 
    <li>*DATE : <input name='date' type='text' value='' class='date demo_vista' /></li> 

這是我的網站:http://iconceptsolutions.com.my/projects/grandevest/online-product-registration/

回答

0

不知道,但我不知道你

value=''

<li>*DATE : <input name='date' type='text' value='' class='date demo_vista' /></li>

是否覆蓋日曆?

如果將其刪除,會發生什麼情況?

0

嘗試這種情況:

<input id="datepicker" name='date' type='text'/> 

JavaScript函數新日期選擇是創建 '日期選擇器' 作爲與ID日期選擇器DOM對象。您需要標籤中的ID來指定。您根本不需要該值,您可以在標題中的datepicker腳本本身中設置默認值。這也是您選擇主題的地方,而不是HTML標籤。

+0

好吧現在我可以得到的數據,但日期格式現在真的不同我選擇這個日期03-11-2011但在電子郵件的格式更改爲這個日期:1320553106 ...如何改變這種格式? – ruslyrossi

+1

你使用PHP嗎?這看起來可能是一個unix時間戳格式。如果你使用PHP,你會想要一些像date(「m-d-y」,$ date)的東西。 編輯:哦,我明白了,你正在使用PHP。試試我剛纔所說的,或者它可能是日期(「m-d-y」,strtotime($ date))。其中一個應該將該格式轉換回正常狀態。在PHP手冊中查找日期函數。 –

+0

好的......謝謝你的幫助。 – ruslyrossi

2

這個庫的一點是,你寫入HTML文檔的字段與瀏覽器顯示的字段不同。

當您生成DatePicker對象,它需要匹配的第一個參數,其中input fields,併爲他們每個人它建立另一個input field至極實得由用戶選擇的日期,由瀏覽器中顯示。

因此,要獲得您正在尋找的價值,你一定要到原來input field參考,並用它調用MooTools的功能getNext(),這樣就可以檢索需要的值:

所以,這個HTML:

<input name='date' type='text' value='' class='date demo' id='dateField' /> 

你可以用這個代碼需要的值:

$('dateField').getNext().get('value') 

至極可以調用,例如,當用戶點擊提交按鈕。如果您需要處理表單的PHP腳本的值,那麼使用上面的MooTools行,您可以設置原始input field的值,然後將其發送到PHP。


UPDATE

我爲測試目的設立this JsFiddle