生活随笔
收集整理的这篇文章主要介绍了
iview中时间选择器可设置选择范围方法（一个月 一周等）
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
代码如下：
iview官网
<DatePickertype="datetimerange":clearable="false":options="options":value='changeTime'placement="bottom-end"format="yyyy-MM-dd HH:mm:ss"placeholder="选择日期"style="width: 200px"@on-change='tiemChange'></DatePicker>
data () {return {changeTime: [getDate('yyyy-MM-dd 00:00:00'), getDate('yyyy-MM-dd 23:59:59')],options: {disabledDate (date) {return date && date.valueOf() > Date.now()}},}
}
// 选择日期变化tiemChange (event) {event[1] = event[1].replace(/00:00:00/, '23:59:59')const day = Math.floor((getTime(event[1]) - getTime(event[0])) / 86400000)if (day > 30) {// this.changeTime = [getDate('yyyy-MM-dd 00:00:00'), getDate('yyyy-MM-dd 23:59:59')]return this.$Message.error('日期范围最大选择30天')} else {this.changeTime = eventthis.getTableList(1)}},
总结
以上是生活随笔为你收集整理的iview中时间选择器可设置选择范围方法（一个月 一周等）的全部内容，希望文章能够帮你解决所遇到的问题。
如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。
