選擇日期範圍而不使用jquery Datepicker

Question

我已經使用了我的應用程序的日曆。 這裏是參考代碼 CodePen 我定製這個例子以選擇日期range.as這不是在建日期picker.I不能使用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; 
} 

非常基本邏輯來確定所選擇的一天比更低的值比所述較高的值更高或更低。我相信它可以改進，但希望它能給你一個想法。