在 xdsoft datetimepicker 中添加 7 天日期

Question

我正在使用 XD Soft DateTimePicker 来显示日期选择器。

我有两个文本框 "txtFromDate" 和 "txtToDate"

我需要什么？

当我 select 一个日期在 "txtFromDate" 时 "txtToDate" 只能 select 接下来的 7 天。 IE。 "txtToDate" 中的最大日期将是 "txtFromDate"

中 select 天的 +7 天

到目前为止我做了什么？

我有这个代码

jQuery(function () {
        jQuery('#txtFromDate').datetimepicker({
            format: 'd/m/Y',
            onShow: function (ct) {
                this.setOptions({
                    maxDate: jQuery('#txtToDate').val() ? jQuery('#txtToDate').val() : false,
                    formatDate: 'd/m/Y'
                })
            },
            timepicker: false,
        });
        jQuery('#txtToDate').datetimepicker({
            format: 'd/m/Y',
            onShow: function (ct) {
                this.setOptions({
                    minDate: jQuery('#txtFromDate').val() ? jQuery('#txtFromDate').val() : false,
                    maxDate: ???? //Need to set +7days date of txtFromDate here,
                    formatDate: 'd/m/Y'
                })
            },
            timepicker: false,
        });

    });

这里我想给 txtToDate 的 maxDate 添加 7 天。

如何将天数添加到分配给 txtToDate 的 maxDate 的日期？

Answer 1

您可以创建一个新方法来查找 future 日期。请看代码片段

jQuery(function(){
 jQuery('#date_timepicker_start').datetimepicker({
  format:'Y/m/d',
  onShow:function( ct ){
   this.setOptions({
    maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false
   })
  },
  timepicker:false
 });
 jQuery('#date_timepicker_end').datetimepicker({
  format:'Y/m/d',
  onShow:function( ct ){
   this.setOptions({
    minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false,
    maxDate:jQuery('#date_timepicker_start').val()? geFutureDate(jQuery('#date_timepicker_start').val(),7):false, 
   })
  },
  timepicker:false
 });
});


function geFutureDate(date_input, no_of_days){
    var from_date       =new Date(date_input);
     var time_after_7_days   =new Date(from_date).setDate(from_date.getDate()+no_of_days);
    return new Date(time_after_7_days);

}

在 xdsoft datetimepicker 中添加 7 天日期

Adding 7 days to date in xdsoft datetimepicker

jquery

datetimepicker