DatePicker

日期选择器，基于 picker-view 和 picker-view-column 实现。

DatePicker - 图1

引入

  1. import mpDatepicker from 'mpvue-weui/src/date-picker';
  2. export default {
  3.   components: {
  4.     mpDatepicker,
  5.   },
  6. }

使用

  1.  <mp-datepicker ref="mpDatePicker" :defaultDate="defaultDate" @onChange="onChange" @onConfirm="onConfirm" @onCancel="onCancel"></mp-datepicker>
  1. /* 调用组件的 `show` 方法进行初始化 */
  2. this.$refs.mpDatePicker.show();
参数说明类型默认值
defaultDate设置初始化日期，默认为当天Array[]

Event

事件名说明参数
@onChange组件滚动时回调返回选中的返回 label , value 以及 index 的值
@onConfirm组件点击确定时回调返回选中的返回 label , value 以及 index 的值
@onCancel组件点击取消时回调返回选中的返回 label , value 以及 index 的值
返回参数说明
  • value：日期数值，例如 2018-10-2
  • label：展示的日期， 例如：2018年-10月-2日
  • index: picker-view 的值，例如 [118, 9, 1]