DatePicker 日期组件

渲染出一个日期选择器

安装

npm install @qnpm/q-datepicker --save --registry=http://npmrepo.corp.qunar.com

使用说明

显示代码

import { DatePicker } from '@qnpm/q-datepicker';

const datePickerProps = {
    initDate: '1990-01-01',
    maxDate: "2008-08-06",
    minDate: "1900-01-01",
    modalTitle: '标题datePicker标题',
    // title: ['标题1','标题2','标题3'],
    tips: '需大于旅行结束日6个月',
    onChange: (curDate)=>{
        console.log('当前日期', curDate)
    },
    onClose: () => {
        this.setState({
            modalVisible: false
        });
    },
    onComplete: (date) => {
        console.log('submitDate', date);
    }
};

<DatePicker
    {...datePickerProps}
    visible={modalVisible}
/>

属性说明

属性名 类型 默认值 是否必须 说明
accessibilityPreName string `` false 无障碍标签前缀
initDate String false 1980-01-01 默认选中日期
maxDate String false 2100-12-31 可支持最大日期
minDate String false 1900-01-01 可支持最小日期
modalTitle String false ‘’ 弹层标题
onChange Function false - 数据变化回调，返回日期值 1998-05-04
onClose Function false - 关闭弹层回调
onComplate Function false - 点击完成按钮回调 返回日期值 1998-05-04
title String[] false [] 选择数据源标题，与数据源列对齐
tips String false '' 备注说明
visible String false false 默认是否显示弹层
CheckBox
Dialog