【问题标题】:Flatpickr onchange event set dateStr to +1 dayFlatpickr onchange 事件将 dateStr 设置为 +1 天
【发布时间】:2021-11-24 17:17:32
【问题描述】:
var arrival = $('#datepicker');
    var departure = $('#datepicker1');

    arrival.flatpickr({
      dateFormat: "d-m-Y",
      disableMobile: true,
      locale: "de",
      minDate: "today",
      onChange: function(selectedDates, dateStr, instance) {
      departure.flatpickr({
        dateFormat: "d-m-Y",
        enableTime: false,
        minDate: dateStr,
      });
      departure.removeAttr('readonly');
      arrival.removeAttr('readonly');
    }
    });

    departure.flatpickr({
      dateFormat: "d-m-Y",
      disableMobile: true,
      locale: "de",
      minDate: "today",
      onChange: function(selectedDates, dateStr, instance) {
      arrival.flatpickr({
        dateFormat: "d-m-Y",
        enableTime: false,
        minDate: dateStr,
      });
      departure.removeAttr('readonly');
      arrival.removeAttr('readonly');
    }
    });

大家好 我应该使用 Flatpickr 创建一个预订表格,并且应该将出发日期 +1 作为到达日期,但这是我第一次作为 Flatpickr ,如果有人可以帮忙吗?

谢谢

【问题讨论】:

    标签: javascript jquery flatpickr


    【解决方案1】:
    var arrival = $('#datepicker');
        var departure = $('#datepicker1');
    
        arrival.flatpickr({
          dateFormat: "d-m-Y",
          disableMobile: true,
          locale: "de",
          minDate: "today",
          onChange: function(selectedDates, dateStr, instance) {
          //departure.set('maxDate', new Date(dateStr).fp_incr(5));
          departure.flatpickr({
            dateFormat: "d-m-Y",
            enableTime: false,
            minDate: new Date(selectedDates).fp_incr(1),
            //new Date(dateStr).fp_incr(1)
          });
          departure.removeAttr('readonly');
          arrival.removeAttr('readonly');
        }
        });
    
        departure.flatpickr({});
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-12-15
      • 2019-03-10
      • 2018-11-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多