官網查看iview

---

準備工作

import { getDate, getTime } from '@/libs/util'

@/libs/util

/*** @description 日期時間轉換時間戳*/ export const getTime = dt => {return dt ? new Date(dt).getTime() : new Date().getTime() }/*** @description 時間戳轉換日期時間*/ export const getDate = (format, dt) => {dt = dt ? new Date(dt) : new Date()const t = {'M+': dt.getMonth() + 1, // 月份'd+': dt.getDate(), // 日'H+': dt.getHours(), // 小時'm+': dt.getMinutes(), // 分's+': dt.getSeconds(), // 秒'S': dt.getMilliseconds() // 毫秒}if (/(y+)/.test(format)) {format = format.replace(RegExp.$1, (dt.getFullYear() + '').substr(4 - RegExp.$1.length))}for (let k in t) {if (new RegExp('(' + k + ')').test(format)) { format = format.replace(RegExp.$1, (RegExp.$1.length === 1) ? (t[k]) : (('00' + t[k]).substr(('' + t[k]).length))) }}return format }

---

data里數據

data () {return {pubTime: getDate('yyyy-MM-dd'),options: {disabledDate (date) {return date && date.valueOf() < Date.now() - 86400000}},}}

---

頁面

<DatePickertransfer:options="options":value="pubTime"style="width: 200px"type="date"placeholder="點擊選擇時間"format="yyyy-MM-dd"@on-change="pubTime = $event"/>

重點代碼

---

@on-change="pubTime = $event"

---

總結

以上是生活随笔為你收集整理的iview日期控件 双向绑定日期的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。