如何在Ionic 2中根据日期复选框选择开始日期和结束日期？

Question

我正在开发一个Ionic 2应用程序，如何根据单击days check box来选择开始日期和结束日期，实际上，我想在Start Date到End Date、之间安排一个重复事件：-如果我选择Saturday和Sunday作为start date和end date之间的复选框，我想在选择的日期之间返回所有的周六和周日

我的柱塞

我的代码：-

 <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>

• 请查看我的柱塞和帮助我们，如果知道答案，更新我的柱塞以及知道确切的solution...thanks.

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;
}