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

【问题标题】：I would like to get date from jQuery datepicker returned as text我想从作为文本返回的 jQuery datepicker 获取日期
【发布时间】：2011-10-02 07:07:20
【问题描述】：

我在一个站点上有一个 jQuery 的 jQueryUI 日期选择器。在此人选择日期后，我想将日期显示为不同 div 中的文本，这样：

1) 人选择日期，日期出现在输入框中，然后， 2) 一个新的 div 显示并提供 'Pick a time on (selected date):'

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>

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

请说清楚。

【问题讨论】：

1.显示你有什么， 2. 你使用什么日期时间选择器。 3. 明确！

标签： jquery text datepicker return

【解决方案1】：

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

http://jsfiddle.net/5PqQb/

【讨论】：

【解决方案2】：

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

尝试使用“onSelect”事件？

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

【讨论】：

【解决方案3】：

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

【讨论】：

我已经看过了。只有在选择了日期后，才会从不同的来源提取时间。有人可以从特定日期中选择特定时间，因此，如果有人选择“星期日”，则将显示零可用时间。但如果他们选择“星期二”并且只有几个可用的时间段，则只会显示这些时间。