遍历一段时间的每一天
2020-07-14 05:32
176 查看
事件:点击海外按钮,循环遍历上面选择的时间段的每一天
1.日历定义
<div> <a-input-group compact> <a-date-picker v-model="queryParam.startDateBegin" :placeholder="$t('disp.startDate')" /> <a-date-picker v-model="queryParam.startDateEnd" :placeholder="$t('disp.endDate')" /> </a-input-group> </div>
2.休霞日定义
<a-form-item label="休暇日" v-show="checkBoxShow"> <!-- 这里是海外多选框的集合 --> <div v-for="(item, index) in checkBoxList" :key="index"> <a-checkbox v-model="item.choose">{{ item.time }}</a-checkbox> </div> </a-form-item>
3.点击按钮定义
<a-checkbox @change="onChange_checkbox"> 海外/個別 </a-checkbox>
4.checkBoxList定义在date return 中
5.实现方法
// ============================================= onChange_checkbox: function(value) { // console.log('开始日期:' + moment(this.queryParam.startDateBegin)) //2020-07-01 // console.log('开始日期:' + moment(this.queryParam.startDateBegin).add(1, 'days')) //2020-07-01 // let new_time = moment(this.queryParam.startDateBegin) // .add(1, 'days') // .format('YYYY-MM-Ddd') // console.log(new_time) if (this.queryParam.startDateEnd != null && this.queryParam.startDateBegin != null) { //清空数组 this.checkBoxList = [] // 转换日期格式 并循环遍历日期 let beginDate = moment(this.queryParam.startDateBegin) let endDate = moment(this.queryParam.startDateEnd) for (beginDate; beginDate <= endDate; ) { let row = { choose: false, //将日期格式转换回去 time: beginDate.format('YYYY-MM-Ddd') } this.checkBoxList.push(row) beginDate.add(1, 'days') } console.log(this.checkBoxList) this.checkBoxShow = !this.checkBoxShow } }, //==============================================
相关文章推荐
- 循环遍历一段时间内的每一天
- sqlserver获取一段时间内每一天每一小时的数据
- java 求取某一段时间内的每一天、每一月、每一年
- JAVA时间日期处理类,主要用来遍历两个日期之间的每一天。
- Java 获取一段时间内的每一天
- 遍历一段时间内每个月的第一天
- JAVA时间日期处理类,主要用来遍历两个日期之间的每一天
- Java 如何遍历calendar当前月份的每一天
- 遍历日历的每一天
- java获取一段时间的日期中的每一天
- MySql 求一段时间范围内的每一天,每一小时,每一分钟
- php 遍历一段时间
- 遍历一段时间内的所有日期
- qtp遍历webtable
- 基于委托机制的(目录)文件遍历
- php 二维数组排序与遍历
- 遍历数组的两种写法,for循环和forin
- 输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果
- JavaScript 各种遍历方式详解
- Java二叉树的递归,非递归遍历,高度,节点数,叶子节点数