【问题标题】:Problems with JqueryUI Datepicker Date ObjectJqueryUI Datepicker 日期对象的问题
【发布时间】:2011-11-16 11:20:19
【问题描述】:

我从服务器端得到如下日期

 endDate : Mon Nov 07 00:00:00 CET 2011 (Java.util.Date)
 startDate : Fri Feb 04 00:00:00 CET 2011 (Java.util.Date)

现在我有两个 jquery UI datepicker

我想限制两个日期选择器,以便用户只能从上述日期中选择日期。

我看到你可以为日期选择器设置 minDate 和 maxDate。

我做了一些类似的事情:

$("#startDatePicker").datepicker({
minDate: $.datepicker.formatDate( 'dd.mm.yy',new Date(startDate.getTime())),
maxDate: $.datepicker.formatDate( 'dd.mm.yy',new Date(endDate.getTime())),
...

$("#endDatePicker").datepicker({
minDate: $.datepicker.formatDate( 'dd.mm.yy',new Date(startDate.getTime())),
maxDate: $.datepicker.formatDate( 'dd.mm.yy',new Date(endDate.getTime())),
...

但是有些不对劲。在开始日期选择器中,他显示的是 2020。?并结束日期选择器,他禁用了日期选择器中的所有内容。我不明白这里出了什么问题..?

【问题讨论】:

    标签: javascript jquery jquery-ui jquery-ui-datepicker


    【解决方案1】:

    添加:jquery-dateFormatjQuery 插件。

    代码

     var minDate = $.format.date(startDate, "dd/MM/yyyy");
    
     $("#startDatePicker").datepicker({
        minDate: minDate
        ...
    

    测试样本:

     <script type="test/javascript">
           alert($.format.date("Wed Jan 13 10:43:41 CET 2010", "dd/MM/yyyy"));
     </script>
    

    【讨论】:

      猜你喜欢
      • 2020-03-04
      • 1970-01-01
      • 2012-04-18
      • 1970-01-01
      • 1970-01-01
      • 2011-05-29
      • 1970-01-01
      • 2012-08-16
      • 1970-01-01
      相关资源
      最近更新 更多