选择日期范围而不使用jQuery Datepicker

Question

我已将日历用于我的申请。 这是参考代码CodePen我正在自定义此示例以选择Date range。因为这不在内置的日期选择器中。我不能使用Jquery DatePicker函数作为

 var outer = createElement('div', this.getDayClass(day));
outer.addEventListener('click', function() {
    self.getDay(this);
});



     Calendar.prototype.getDay = function(el) {
    var details, arrow;
    var dayNumber = +el.querySelectorAll('.day-number')[0].innerText || +el.querySelectorAll('.day-number')[0].textContent;
    console.log(dayNumber);
    var day = this.current.clone().date(dayNumber);

  }

使用上面的Jquery代码，我可以点击获取日历日期。 但是此逻辑不适合选择日期范围的条件，请提供帮助，

Answer 1

我尚未对此进行全面测试，但希望它能为您指明正确的方向。

以上

Calendar.prototype.getDay = function(el) {

加

var date_range = [0,0];

这将在您可以在其他位置访问的函数的外部创建一个数组。 它包含两个值，date_range [0]将是较低的值，date_range [1]将是较高的值。

在此行之上或之下：

var day = this.current.clone().date(dayNumber);

加

if(dayNumber < date_range[1]){
date_range[0]=dayNumber;
}

else{
date_range[1]=dayNumber;
}

非常基本的逻辑，用于确定所选日期是高于还是低于该较低值。 我敢肯定它可以改进，但希望它能给您一个想法。