Vue封装移动端日期选择器组件

共计 775 个字符，预计需要花费 2 分钟才能阅读完成。

Npm

Github（欢迎 star）

组件功能在线演示地址 demo(为有更好的体验，请在浏览器上切换到手机模式或在手机上体验)

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

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

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

名称	描述	类型	默认值	选项
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	—	—

| 名称 | 描述 | 回调 |
| —- | —- | —- |
| cancel | 点击取消按钮触发 | — |
| confirm | 点击确认按钮触发，回调参数为选中日期如（’2018-8-8’）| — |

想了解更多关于该组件插件的源码，请移步到我的博客

Project Address