Question

我已将日历用于我的应用程序。这里是参考代码 CodePen 我正在自定义此示例以选择日期范围。这不是在构建日期选择器中。我不能使用 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];

这将创建一个函数的数组OUTSIDE，您可以在其中访问其他位置。它包含两个值，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;
}

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

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

1 个答案: