2011-03-03 107 views
3

我有些事情要做,但對我來說有點複雜,我需要你們的幫助。 這是事情,我設置Jquery UI日期選擇器的第一個輸入字段與天的ID,但日期值我得到 - > 03/02/2011應該在特定格式的三個輸入字段解析?見代碼如下:如何在JQuery UI日期選擇器中打破日期值?

<label>Enter Day of Arrival (in the format DD) 
<input type="text" name="$DAY$" id="day" size="6" maxlength="6" /> 

<label>Enter Month of Arrival (in the format MM) 
<input type="text" name="$MONTH$" id="month" size="6" maxlength="6" /> 

<label>Enter Year of Arrival (in the format YYYY) 
<input type="text" name="$YEAR$" id="year" size="6" maxlength="6" />> 

回答

3

我已經編寫了一個小提琴的例子。下面

<input type='text' id='full' name='fulldate'> 
<!-- Your other HTML fields listed above --> 

$('#full').datepicker({ 
    onSelect: function(dateText, inst) { 
     var pieces = dateText.split('/'); 
     $('#day').val(pieces[0]); 
     $('#month').val(pieces[1]); 
     $('#year').val(pieces[2]); 
    } 
}) 

代碼示例:http://jsfiddle.net/jomanlk/7NgpQ/

+0

THX JohnP! 太棒了! 有沒有辦法像你這樣做,但不顯示日期,月份,年份的字段?爲了隱藏它的用戶,但值的工作回來像他們應該。我希望這個問題不會混淆。 – user642523 2011-03-03 08:07:42

+0

是的,你可以做到這一點。而不是'type ='text''只需將它設置爲'type ='hidden'',它就會從視圖中消失。請標記此答案爲已接受,如果它解決了您的問題 – JohnP 2011-03-03 08:18:22

+0

對不起,第一次在堆棧中。如何將答案標記爲已接受...... Thx這個DEFF解決了我的問題!我還有一個問題,如果不是很多?與z - 索引和Internet Explorer的行爲相同的日期選擇器的問題。如果你會看看[鏈接](http://staging.redcoats.co.uk)如果不管怎麼樣,你幫了我很多。 – user642523 2011-03-03 08:27:45

相關問題