@llej/vuejs-mobile-datepicker

Vue Component Plugin

A Vue component plugin to vuejs-mobile-datepicker

View

在线演示地址 demo(请用浏览器上切换到手机调试模式或在手机上体验)

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

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