Question

我正在使用XD Soft DateTimePicker来显示datepicker。

我有两个文本框“txtFromDate”和“txtToDate”

我需要什么？

当我在“txtFromDate”中选择日期时，“txtToDate”只能选择接下来的7天。即。 “txtToDate”中的最大日期为“txtFromDate”中选定日期的+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天

1 个答案: