Я хотел бы получить дату из jQuery datepicker, возвращенную как текст - PullRequest
Новая
       13

Я хотел бы получить дату из jQuery datepicker, возвращенную как текст

0 голосов
/ 10 июля 2011

У меня есть jQuery's jQueryUI datepicker на сайте. После того, как человек выбрал дату, я хотел бы отобразить дату в виде текста в другом div, например:

1) Человек выбирает дату, и дата появляется в поле ввода, затем, 2) Новый div показывает и предлагает 'Выберите время (выбранная дата):'

JQuery: 

<script type='text/javascript'>
 $(function(){
      $('.date_panel,.time_panel').hide();

      $('.svc_button').click(function(){
            $('.svc_panel').fadeOut(function(){
            $('.date_panel').fadeIn();
            });
      });

      $('.time_button').click(function(){
            $('.time_panel').fadeIn(function(){
            });
      });

});
</script>

<script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
</script>

HTML: 

</div>

<div class="date_panel">

<p>Click here to pick a date: <input id="datepicker" class="time_button" type="text"></p>

</div>

<div class="time_panel">

<p>Pick a time on: <script type="text/javascript">document.write("<span>" + .datepicker( "getDate" ) + "</span>");</script></p>

Время будет указано из отдельного источника.

Пожалуйста, будьте явными.

Ответы [ 3 ]

1 голос
/ 10 июля 2011 
jQuery('#datepicker').bind('change',function(){
              jQuery('#target').html(jQuery(this).val())
})

http://jsfiddle.net/5PqQb/

1 голос
/ 10 июля 2011

http://jqueryui.com/demos/datepicker/

пытался работать с событием "onSelect"? 

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});
0 голосов
/ 10 июля 2011

Почему бы не использовать этот аддон для jquery-ui datepicker.http://trentrichardson.com/examples/timepicker/ Позволяет выбрать дату и время.Хорошая документация и чистый интерфейс.

...