Vue Datetime 是一個(gè)方便的日期時(shí)間選擇器,是一個(gè) Vue 組件,需要安裝和引入。使用 Vue Datetime 可以方便地在 Vue 項(xiàng)目中添加日期時(shí)間選擇器,包含日期和時(shí)間兩個(gè)部分,支持自定義格式和默認(rèn)時(shí)間值。
使用 Vue Datetime 首先需要安裝如下的依賴:
npm install vue-datetime
引入 Vue Datetime:
import Datetime from 'vue-datetime'
import 'vue-datetime/dist/vue-datetime.css'
...
components: {
Datetime
}
那么在 Vue 模板中就可以使用 Datetime 組件了,使用方式如下:
其中 v-model 綁定的值為選中的日期和時(shí)間,format 屬性用于設(shè)置顯示的日期時(shí)間格式。各種日期時(shí)間格式的寫法可以參考 moment.js 的文檔。
除了基本的屬性外,還有許多可選的屬性和方法,如 minDate、maxDate、locale 等屬性,以及 change 事件等方法,通過官方文檔可以了解更多的用法。