如何在JQuery UI日期选择器中打破日期值?

如何在JQuery UI日期选择器中打破日期值?

问题描述:

我有些事情要做,但对我来说有点复杂,我需要你们的帮助。 这是事情,我设置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" />> 

我已经编写了一个小提琴的例子。下面

<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