date-year-picker

date-year-picker

年代选择器

how to use

step 1

• npm install -g cnpm --registry=https://registry.npm.taobao.org
• cnpm install date-year-picker --save
• 或者使用 yarn add date-year-picker

step 2

import DateYearPicker from 'date-year-picker';

使用日期选择器的时候，突然发现年选择器比较少， 工作中恰好有这样的需求，所以就使用原生封装了一个

• use in react

    <DateYearPicker
        createElement={React.createElement}
        placeholder="请选择所属财年"
    />

    react 通过jsx创建自定义组件并导出html模版，为了借用它这种工作模式，
    需要把React.createElement方法传入进来  否则返回空内容

    
⚠️ 注意
    如果在react表单验证中使用，控制台有可能会抛出以下异常：
    “Function components cannot be given refs. 
    Attempts to access this ref will fail.”
    原因是不能为函数组件提供引用，虽然不影响使用，
    但是看起来让人很不舒服
    这时候你需要将它转化一下，如下：

    class SetDateYearPicker extends React.Component {
        render() {
            return <DateYearPicker {...this.props} />
        }
    }
    然后在getFieldDecorator下便可正常使用
    <SetDateYearPicker
        createElement={React.createElement}
        placeholder="请选择所属财年"
    />

    react 同时适用下面这种方法

• use in 其他框架

    <date-year-picker
        placeholder="请选择所属财年"
    >
    </date-year-picker>

    在引人组件的时候同时创建了自定义元素 date-year-picker 直接在html传入对应属性即可

有什么好的想法，欢迎一起成长交流 WeChat：mrliaojun

github

Jared