vue 移動端輕量日期組件不依賴第三方庫

Vue版移動端日期選擇組件

1.優點：不需要依賴其他第三方庫，靈活可配置：

 

不需要依賴第三方組件的vue日期移動端組件  小輪子 輕量可復用:  https://github.com/BeckReed/datepicker-for-vue  

如果有用請點start

2.用法：參見 src/view/demo.vue 文件的用法，簡單易懂

 <div>
        <h3>三列(年月日)日期彈窗示例--帶標題)</h3>
        <button class="blue-btn" @click="togglePicker2">顯示三列帶標題日期彈框Demo2</button>
        <v-date-picker :type="1" :isShow="isShow2" @confirm="confirmDemo2" @cancel="cancelDemo2" v-model="selectedValue2">請選擇日期</v-date-picker>
    </div>

　　

3.該例子基於vue進行示例： 運行命令如下： npm run dev 請先npm install

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test

　　

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

4.結語：如對您有幫助，請給一個github start

如果有問題歡迎拍磚提問題，進行優化