【问题标题】:jquery datepicker dependent end datejquery datepicker依赖的结束日期
【发布时间】:2013-05-29 19:43:11
【问题描述】:

我需要选择一个日期范围,并输入。为此,我在 jquery datepicker 插件中使用了两个输入,

实际上,我正在尝试使用 their site 中的代码,我只是更改了 dateformat 参数,因为我在扩展一些框架时需要它:

jQuery(function (e) {
    jQuery('.start_date').datepicker({ 
        minDate: 2,
        dateFormat: 'mm/dd/yy',
         onClose: function( selectedDate ) {

            jQuery( ".end_date" ).datepicker( "option", 
                                              "minDate", 
                                              selectedDate 
            );
        }
    });
    jQuery('.end_date').datepicker({ 
        minDate: 2,
        dateFormat: 'mm/dd/yy'                              });
});

Wich 效果很好,

它根据 start_date 选择(或重新声明)end_date。

但是我怎么能做到 end_date 是第二天呢?

我的意思是,如果 start_date 是 01/01/2013,我需要 end_date 的第一个可能值是 01/02/2013

我该怎么做?

-编辑-

基本上,我怎样才能在一天内增加selectedDate

【问题讨论】:

  • 也许从变量中选择 start_date 并增加它(也许是正则表达式?)然后通过 datepicker 设置结束日期?
  • 第二部分我知道怎么做,它实际上已经实现了。我不知道它如何增加日期+ 1天

标签: jquery date datepicker date-range


【解决方案1】:
var dates = jQuery('.start_date, .end_date').datepicker("option", "onSelect", 
   function(selectedDate){
       var $this = $(this),
           option = $this.hasClass("start_date") ? "minDate" : "maxDate",
           adjust = $this.hasClass("start_date") ? 1 : -1,
           base_date = new Date(selectedDate),
           new_date = new Date();

       new_date.setDate(base_date.getDate() + (1 * adjust));
       dates.not(this).datepicker("option", option, new_date);

   }
);

小提琴:http://jsfiddle.net/HXmVe/

【讨论】:

  • 看起来不错,但它不起作用...修复了 == 拼写错误,但日期选择器不起作用...
  • 是的,对不起,我有一些错别字。是凭记忆拍摄的。我加了一个小提琴。这是我之前使用过的代码,它链接了两个日期选择器,因此您可以根据需要先从结束日期开始,这样可能对您没有用处。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-22
  • 2021-07-16
  • 2020-03-26
  • 1970-01-01
  • 1970-01-01
  • 2014-09-11
相关资源
最近更新 更多