elementui 时间选择控件 type=‘week‘ 时的参数配置以及传值问题

日期的时候是从周日开始的,后查明因为各国星期开始的第一天是不同的,所以才会这样,在控件中增加 :picker-options="{'firstDayOfWeek': 1}" 属性来进行控制,可选范围 1-7

<el-form-item label="周期:" prop="misCycle"><el-date-pickerv-model="temp1.misCycle":picker-options="{'firstDayOfWeek': 1}"type="week"format="yyyy 第 WW 周"placeholder="请选择周期"style="width:100%"@change="setWeekNum"/>
</el-form-item>
data() {return {temp1: {// 周期misCycle: '',},// 周期开始时间startDate: '',// 周期结束时间endDate: '',// 周期时间finalDate: ''}},
methods: {p(s) {return s < 10 ? '0' + s : s},// 时间setWeekNum() {console.log(this.temp1.misCycle)const newTime = this.temp1.misCycle.getTime()const day = this.temp1.misCycle.getDay()const oneDayTime = 24 * 60 * 60 * 1000const fromTime = newTime - day * oneDayTimeconst endTime = newTime + (7 - day) * oneDayTimeconst fromDate = new Date(fromTime)this.startDate = fromDate.getFullYear() + '\xa0' + this.p((fromDate.getMonth() + 1)) + '\xa0' + this.p(fromDate.getDate() + 1)const toDate = new Date(endTime)this.endDate = toDate.getFullYear() + '\xa0' + this.p((toDate.getMonth() + 1)) + '\xa0' + this.p(toDate.getDate())console.log(this.startDate)console.log(this.endDate)this.finalDate = this.startDate + '-' + this.endDateconsole.log(this.finalDate)}
}

elementui 时间选择控件 type=‘week‘ 时的参数配置以及传值问题相关推荐

基于vue和ElementUI时间选择控件的封装
基于vue和ElementUI时间选择控件的封装最近有个需求就是需要把查询控制在最近六个月,还要要求时间的可选范围,在网上找了好久都没有找到,于是就自己动手写了一个,希望对大家有所帮助,也是记录自己 ...
timepicker时间选择控件时:分:秒
timepicker时间选择控件1.0 结构: <div class="timepicker-box" style="wid ...
van的时间选择控件van-datetime-picker的坑
van的时间选择控件van-datetime-picker的坑以type='date'的van-datetime-picker为例: <vant-date-pickerv-model=&quo ...
时间选择控件在不同场景下的应用
时间选择控件在产品设计中是一个非常常见且通用的元素,在各种产品中几乎都有应用.随着各种App和网站类产品在不同操作场景中的渗透发展,我们在进行产品设计时也应更追求功能实现方式的"恰如其分&q ...
SAP UI5 进阶 - XML 视图里定义的 UI 控件，运行时实例化的技术细节剖析试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
elementui时间控件限制可选时间范围(精确到时分秒)
elementui时间控件限制可选时间范围(精确到时分秒) 我们在开发web端项目时,时间控件用的非常多,限制可选时间也是比较常见的需求,比如已经过去时间不能选,或这未来的时间不可选等,如果仅仅只是限 ...
input、textarea等控件设置只读时，按退格键跳转至上级界面的解决方法
参考:控件为只读时,禁用退格键 //禁止Backspace键 function forbidBackSpace(e) { var ev = e || window.event; //获取 ...
【Android从零单排系列十一】《Android视图控件——日历、日期、时间选择控件》
目录一.日历.日期.时间组件基本介绍二.几种常见的控件类型 1.CalendarView –日历控件 2. DatePicker –日期选择控件 3.TimePicker –时间选择控件 4.Ch ...
关于Static控件背景透明时文本覆盖重影的问题
2019独角兽企业重金招聘Python工程师标准>>> 关于Static控件背景透明时文本覆盖重影的问题通过映射OnCtlColor消息,而后在该函数中使用pDC->SetB ...

elementui 时间选择控件 type=‘week‘ 时的参数配置以及传值问题

elementui 时间选择控件 type=‘week‘ 时的参数配置以及传值问题相关推荐

最新文章

热门文章