JQuery выбора даты, но день, месяц и год в отдельных выпадающих

Я работаю над сборщиком даты jquery. Мне нужно выбрать дату, но после выбора даты из календаря мне нужно разделить дату на три отдельных выпадающих списка. Один на день один на месяц и один на год. Вот мой скрипт jquery.

  <script type="text/javascript">
    $(document).ready(function() {

   $(function() {
    $( "#fullDate" ).datepicker({
    onClose: function(dateText, inst) {
       $('#day').val( dateText.split('/')[2] );
       $('#month').val( dateText.split('/')[1] );
   $('#year').val( dateText.split('/')[0] );
    }
 });
});
}); 
</script> 

HTML

<div class="demo">

<p>Date: <input id="fullDate" type="text" style="display:block"></p>
day:<select name="day" id="day" style="width:100px">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>

 month:<select name="month" id="month" style="width:100px">
 <option>1</option>
 <option>2</option>
  <option>3</option>
 <option>4</option>
 <option>5</option>
 </select>

year:<select name="year" id="year" style="width:100px">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div><!-- End demo -->
 SR query04 июн. 2012 г., 07:54
Разве сплит работает с IE.?
 Kashif Waheed04 июн. 2012 г., 07:49
ошибка в том, что после выбора даты из календаря она не отображается в день, месяц и год в соответствующих выпадающих списках.
 Kashif Waheed04 июн. 2012 г., 08:04
да нормально работает в IE
 UVM04 июн. 2012 г., 07:38
Так какую ошибку вы получаете?

Ответы на вопрос(2)

onselect метод для получения значений даты, которые вам нужны:информация о выборе

Подобно:

onSelect: function(dateText, inst) {            
        var datePieces = dateText.split('/');
        var month = datePieces[0];
        var day = datePieces[1];
        var year = datePieces[2];
        //define select option values for
        //corresponding element
        $('select#month').val(month);
        $('select#day').val(day);
        $('select#year').val(year);

}

Вы имели в виду что-то подобное

 Kashif Waheed04 июн. 2012 г., 08:12
Да, конечно. Мистер Tats_innit отправил мне несколько демонстрационных ссылок, это решило мою проблему, но теперь мой вопрос в том, что если я хочу добавить изображение вместо текстового поля, значит, в конце трех выпадающих меню есть изображение календаря, а когда я нажимаю на изображение, календарь всплывающее окно, и я выбираю любую дату, и она разбивается на день, месяц и год, как я уже упоминал ранее. Я новичок в jquery.
Решение Вопроса

Working demo please click here : ] http://jsfiddle.net/gvAbv/13/ or http://jsfiddle.net/gvAbv/8/

В демоверсии нажмите на текстовое поле и выберите даты и бинго, вы получите автоматически заполненные выпадающие списки.

Указать на заметкуdateText.split('/')[2] это год, а не день :), если вы поменяете место, ваш код будет работать.

то естьdateText.split('/')[2] год;dateText.split('/')[0] : месяц;dateText.split('/')[0] : демо дневного отдыха поможет вам прояснить ситуацию.

Демо имеет дополнительные биты, но это поможет вам!

code

$(function() {
    $("#fullDate").datepicker({
        onClose: function(dateText, inst) {
            $('#year').val(dateText.split('/')[2]);
            $('#month').val(dateText.split('/')[0]);
            $('#day').val(dateText.split('/')[1]);
        }
    });
});

ANother Demo for image click: http://jsfiddle.net/zwwY7/

code

$(function() {
    $("#fullDate").datepicker({
         buttonImage: 'icon_star.jpg',
        buttonImageOnly: true,
        onClose: function(dateText, inst) {
            $('#year').val(dateText.split('/')[2]);
            $('#month').val(dateText.split('/')[0]);
            $('#day').val(dateText.split('/')[1]);
        }
    });
});

​

Images enter image description here

enter image description here

 04 июн. 2012 г., 08:30
Привет @KashifWaheed okies gotchya B-) - вместо ввода вы хотите изображение здесь, вы идете; читай здесь:stackoverflow.com/questions/1112035/… ; Примечание: выбор даты может использоваться сdiv а такжеspan надеюсь, что ссылка даст вам достаточно кода, чтобы пыхтеть :) ура!
 04 июн. 2012 г., 08:10
Привет @KashifWaheed хммм, будет ли это возможно, если ты воспользуешься моим jsfiddle и создашь свою проблему - я помогу тебе. Мне трудно понять, так как в демоверсии вы можете нажать на изображение календаря, которое появляется вjsfiddle.net/gvAbv/13 Я поставлю изображение для вас, дайте мне знать, рад помочь вам :)
 Kashif Waheed04 июн. 2012 г., 11:42
его превосходное спасибо Mr.Tats_innit и всем, кто публикует свое решение для моего квеста ...
 Kashif Waheed04 июн. 2012 г., 08:06
он работает нормально, но какие изменения я должен сделать, если я хочу щелкнуть изображение календаря и получить всю функциональность, о которой вы упомянули?
 Kashif Waheed04 июн. 2012 г., 08:18
Большое спасибо, сэр Tats_innit. На самом деле, я работаю локально, но со мной не замечают, чтобы я мог отправить вам ссылку, мне очень жаль. но для вашего убеждения я послал вам эту демонстрационную ссылкуjsfiddle.net/gvAbv/8 в этой демонстрации есть текстовое поле, при нажатии на которое появляется календарь и бла-бла. Мне нужно то же самое, но разница в том, что я хочу заменить текстовое поле с изображением и хочу получить ту же функциональность. Надеюсь, вы понимаете, и извините, если вы чувствуете проблемы.

Ваш ответ на вопрос