JqueryUI Datepicker日期对象的问题

时间:2011-11-16 11:20:19

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

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

 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年。?并结束了datepicker他已经禁用了datepicker中的所有内容。我不明白这里有什么问题..?

1 个答案:

答案 0 :(得分:0)

添加:jquery-dateFormat jQuery插件。

代码

 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>