Question

我在网站上有一个jQuery的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>

时间将从单独的来源列出。

请明确。

Answer 1

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

尝试使用“onSelect”事件？

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

Answer 2

jQuery('#datepicker').bind('change',function(){
              jQuery('#target').html(jQuery(this).val())
})

http://jsfiddle.net/5PqQb/

Answer 3

为什么不将此插件用于jquery-ui datepicker。 http://trentrichardson.com/examples/timepicker/它允许选择日期和时间。良好的文档和干净的用户界面。

我想从jQuery datepicker获取日期作为文本返回

3 个答案: