Vue封裝移動端日期選擇器組件

Project Address

Npm

Github （歡迎star）

View

組件功能在線演示地址 demo(爲有更好的體驗，請在瀏覽器上切換到手機模式或在手機上體驗)

<img src="https://user-gold-cdn.xitu.io...;h=686&f=gif&s=667865">

Build Setup

# install
npm install vuejs-mobile-datepicker --save

// use
import DatePicker from 'vuejs-mobile-datepicker';

export default {
  // ...
  components: {
    DatePicker
  }
  // ...
}

Property

名稱	描述	類型	默認值	選項
show-picker-model	控制日期選擇器顯示隱藏	Boolean	false	true | false
mark-weekend	是否標記週末日期	Boolean	false	true | false
language	語言	String	"Chinese"	"English" | "Chinese"
default-date	默認選擇日期	Date	new Date()	---
start-date	日期選擇器可選最小日期	Date	new Date('1900-1-1')	---
end-date	日期選擇器可選最大日期	Date	new Date()	---
disable-date	設置禁用日期,函數參數爲當前日期如（'2018-8-8'），要求返回Boolean類型的值，爲true禁用	Function	---	---

Method

| 名稱 | 描述 | 回調 |
| ---- | ---- | ---- |
| cancel | 點擊取消按鈕觸發 | --- |
| confirm | 點擊確認按鈕觸發，回調參數爲選中日期如（'2018-8-8'） | --- |

More

想了解更多關於該組件插件的源碼，請移步到個人博客