iview选择月份月初月末时间戳格式

本文记录的几个要点
1、结束时间不得比开始时间提前
2、当前月份之后不可选
3、开始时间为当月的第一天 eg: 01月01日 00:00:00
结束时间为当月的最后一天 eg: 12月31日 23:59:59
转化为时间戳格式入参
4、默认展示向前推12个月
eg: 2019-12 ~ 2020-12

效果图：（当前月份12月）

代码实现：

 <date-picker type="month" :value="leftTime" placeholder="请选择开始时间" :options="startTimeOption" @on-change="onStartTimeChange"></date-picker><date-picker type="month" :disabled = 'disabled' :value="rightTime" placeholder="请选择结束时间" :options="endTimeOption" @on-change="onEndTimeChange"></date-picker>

data() {return :{leftTime: getDate('yyyy-MM-dd', new Date().getTime() - 3600 * 1000 * 24 * 30 * 12), // 月份开始时间tempLeft: '',rightTime: getDate('yyyy-MM-dd', new Date().getTime()), // 月份结束时间tempRight: '',disabled: true, // 禁止使用第二个startTimeOption: {}, // 开始时间校验endTimeOption: { // 结束时间校验disabledDate (date) {return date && date.valueOf() > Date.now() - 86400000}}}
}

  methods: {// 时间选择 - 开始日期onStartTimeChange (startTime, type) {this.endTimeOption = {disabledDate (endTime) {return endTime < new Date(startTime) || endTime > Date.now()}}this.disabled = falsethis.tempLeft = getTime(startTime + '-01 00:00:00')if (this.tempRight && this.tempLeft) this.monthActive(1)},// 结束日期onEndTimeChange (endTime, type) {this.startTimeOption = {disabledDate (startTime) {return startTime > new Date(endTime) || startTime > Date.now()}}// endTime返回 2020-12var y = endTime.substring(0, 4)var m = endTime.substring(5, 8)this.tempRight = getTime(getDate('yyyy-MM-dd 23:59:59', new Date(y, m, 1 - 1).getTime()))if (this.tempRight && this.tempLeft) this.monthActive(1)}}// 入参monthActive (pageIndex) {   const data = {leftTime: this.tempLeft, // 这里是转化好的时间戳格式rightTime: this.tempRight,pageIndex: 1,pageSize: 10,type: 2}deviceOnlineData(data).then().catch()}

created() {// 把需要入参的值转化为时间戳格式方法和开始日期 结束日期 一样
}

iview选择月份月初月末时间戳格式相关推荐

php 获得当月时间戳,php获取当前月与上个月月初及月末时间戳的方法
本文实例讲述了php获取当前月与上个月月初及月末时间戳的方法.分享给大家供大家参考,具体如下: 当前月 $thismonth = date('m'); $thisyear = date('Y'); $ ...
php当前月每天时间戳,php获取当前月与上个月月初及月末时间戳的方法
本文实例讲述了php获取当前月与上个月月初及月末时间戳的方法.分享给大家供大家参考,具体如下: 当前月 $thismonth = date('m'); $thisyear = date('Y'); $ ...
用EXCEL实现时间戳格式和日期格互转
时间戳转成正常日期的公式: C1=(A1+8*3600)/86400+70*365+19 其中A1表示当时的1249488000时间戳数值其中C1就是所需的日期格式,C1单元格属性改成日期格式就可以 ...
bootstrap-datetimepicker 只选择月份出现1899问题
需求最近在使用bootstrap-datetimepicker中,遇到一个需求,要求只能选择月份,本以为是件很简单的问题,即修改一下格式就可以 --> 'yyyy-mm'变为"mm& ...
DateTime时间格式转换为Unix时间戳格式
// DateTime时间格式转换为Unix时间戳格式 public int ConvertDateTimeInt(System.DateTime time) { System.DateTime st ...
EXCEL实现时间戳格式和日期格互转
EXCEL实现时间戳格式和日期格互转 reference2. https://blog.csdn.net/ch 时间戳转成正常日期的公式: D1=(A1+8*3600)/86400+70*365+19 ...
Linux下时间戳格式和标准时间格式的转换
转载地址:http://yinqingsong520.blog.163.com/blog/static/392100201010252595916/ 做个备忘! 在LINUX系统中,有许多场合都使用 ...
python datetime格式转换_分别用Excel和python进行日期格式转换成时间戳格式
最近在处理一份驾驶行为方面的数据,其中要用到时间戳,因此就在此与大家一同分享学习一下. 1.什么是时间戳? 时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01 ...
Excel中将时间格式转化成时间戳格式
时间戳转成正常日期的公式: C1=(A1+8*3600)/86400+70*365+19 其中A1表示当时的1249488000时间戳数值其中C1就是所需的日期格式,C1单元格属性改成日期格式就可以 ...

iview选择月份月初月末时间戳格式

iview选择月份月初月末时间戳格式相关推荐

最新文章

热门文章

iview选择月份 月初月末 时间戳格式

iview选择月份 月初月末 时间戳格式相关推荐

最新文章

热门文章

iview选择月份月初月末时间戳格式

iview选择月份月初月末时间戳格式相关推荐