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

留言

這個網誌中的熱門文章

何謂淨重(Net Weight)、皮重(Tare Weight)與毛重(Gross Weight)

Architecture(架構) 和 Framework(框架) 有何不同?_軟體設計前的事前規劃的藍圖概念

(2021年度)駕訓學科筆試準備題庫歸納分析_法規是非題