Vue2 datepicker使用
在含有package.json的相對目錄下
下指令:
npm install vue2-datepicker --save
或
yarn add vue2-datepicker
之後在特定的.Vue檔案中的組件
或.js檔中的vue實體物件
去import 對應的module跟css
import DatePicker from 'vue2-datepicker';
import 'vue2-datepicker/index.css';
在template 的html部分若要套用datepicker效果
直接
<date-picker v-model="{雙向綁定的變數名稱}" format="YYYY-MM-DD" type="date" placeholder="select date"></date-picker>
即可
Ref:
vue2-datepicker
https://www.npmjs.com/package/vue2-datepicker
https://mengxiong10.github.io/vue2-datepicker/index.html
留言
張貼留言