生活随笔
收集整理的這篇文章主要介紹了
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中时间选择器可设置选择范围方法（一个月 一周等）的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
