JqueryUI Datepicker 日期对象的问题

发布于 2024-12-15 21:43:31 字数 784 浏览 5 评论 0原文

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

 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 日期选择器

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

我看到你可以为日期选择器设置 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 年。?并结束日期选择器,他已禁用日期选择器中的所有内容。我不明白这里出了什么问题..?

I have from server side the date like follows

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

Now i have two jquery UI datepicker

I want to restrict the two datepickers so that user can select dates only from the above dates.

I saw like u can set the minDate and maxDate for a date picker.

I did some like follows in :

$("#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())),
...

But something is wrong. In the start date picker he is showing 2020.? and end datepicker he has disabled everything in the datepicker. I don't understand what is wrong here..?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

无尽的现实 2024-12-22 21:43:31

添加: 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>

Add: jquery-dateFormat jQuery plugin.

Code

 var minDate = $.format.date(startDate, "dd/MM/yyyy");

 $("#startDatePicker").datepicker({
    minDate: minDate
    ...

Test sample:

 <script type="test/javascript">
       alert($.format.date("Wed Jan 13 10:43:41 CET 2010", "dd/MM/yyyy"));
 </script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文