如何选择基于天数的开始日期和结束日期复选框在离子2?
问题描述:
我开发一个离子2应用,如何根据对days check box
点击选择开始日期和结束日期,其实我想安排Start Date
之间的重复事件End Date
,例如: -如果我选择Saturday
和Sunday
为start date
和end date
之间复选框,我想回到所有的周六和周日的日期选择我的代码之间如何选择基于天数的开始日期和结束日期复选框在离子2?
: -
<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以及知道确切的解决方案...谢谢...
答
从复选框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;
}
感谢您的宝贵答案,请你更新plunker以及知道确切的解决方案,bcoz我们有一些困惑,然后在html部分认为需要添加什么?,感谢帮助我们.. –
我的朋友,你只需要一些基本的逻辑来完成任务。你可以在每个教程中找到它们。您需要从复选框中获取值并创建一个数组。尝试自己做,如果你再困难的地方,你可以再问。 –
非常感谢,让我们试试这个并更新你....谢谢 –