Как выбрать дату начала и дату окончания на основе дней в ящике Ionic 2?

Question

Я разрабатываю ионные 2 Применение, как выбрать дату начала и дату окончания на основе щелканья days check box, на самом деле я хочу, чтобы запланировать событие повтора между Start Date до End Date, Например: - если я выбрать Saturday и Sunday в флажке между start date и end date, я хотел бы вернуть все субботы и воскресенье между этими выбранными датами

My Plunker

Моим кодом: -

<ion-row> 
    <ion-col width-10> 
    </ion-col> 
    <ion-col width-13> 
     <ion-checkbox ></ion-checkbox> 
     <ion-label>Sunday</ion-label> 

    </ion-col> 
    <ion-col width-13> 
     <ion-checkbox ></ion-checkbox> 
     <ion-label>Monday</ion-label> 
    </ion-col> 
    <ion-col width-13> 
     <ion-checkbox ></ion-checkbox> 
     <ion-label>Tuesday</ion-label> 
    </ion-col> 
    <ion-col width-13> 
     <ion-checkbox ></ion-checkbox> 
     <ion-label>Wednesday</ion-label> 
    </ion-col> 
    <ion-col width-13> 
     <ion-checkbox ></ion-checkbox> 
     <ion-label>Thursday</ion-label> 
    </ion-col> 
    <ion-col width-13> 
     <ion-checkbox ></ion-checkbox> 
     <ion-label>Friday</ion-label> 
    </ion-col> 
    <ion-col width-10> 
     <ion-checkbox ></ion-checkbox> 
     <ion-label>Saturday</ion-label> 
    </ion-col> 

    <ion-col width-15> 

    </ion-col> 


</ion-row> 

<ion-row align='center'> 

    <ion-col width-50> 
     <button ion-button outline class="floatR">Start Date<ion-datetime displayFormat="DD/MM/YYYY" pickerFormat="DD MM YYYY"></ion-datetime></button> 
    </ion-col> 

    <ion-col width-50> 
     <button ion-button outline class="floatL">End Date <ion-datetime displayFormat="DD/MM/YYYY" pickerFormat="DD MM YYYY" ></ion-datetime></button> 
    </ion-col> 
</ion-row> 

<ion-row align='center'> 

    <ion-col width-50> 
     <button ion-button outline class="floatR">Start Time<ion-datetime displayFormat="h:mm A" pickerFormat="h mm A"></ion-datetime></button> 
    </ion-col> 

    <ion-col width-50> 
     <button ion-button outline class="floatL">End Time <ion-datetime displayFormat="h:mm A" pickerFormat="h mm A"></ion-datetime></button> 
    </ion-col> 
</ion-row> 

• Пожалуйста, посмотрите на мой plunker и помочь нам, пожалуйста, если знает ответ обновить plunker, а знать точное решение ... спасибо ...

Answer 1

1- из вашего флажка создать массив дней (форма от 0 до 6), например

var selectedWeekDays=[0,1,2]; 

2- использовать этот метод, чтобы вычислить все дни:

calcSelectedDays(startDate, endDate, selectedWeekDays) { 
    if (startDate > endDate) return false; 
    var date = startDate; 
    var dates = []; 

    while (date < endDate) { 
     if(selectedWeekDays.indexOf(date.getDay()) != -1){ 
     dates.push(new Date(date)); 
     } 
     date.setDate(date.getDate() + 1); 
    } 

    return dates; 
}