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