zoukankan      html  css  js  c++  java
  • react native中有关日期的组件DatePicker 示例

    1.用node加载react-native-datepicker包

    npm install react-native-datepicker

    2.直接上代码

    import React, { PureComponent } from 'react';
    import DatePicker from 'react-native-datepicker';

    class MyDatePicker extends PureComponent {
    constructor(props) {
    super(props);
    this.state = {
        data:new Date() //默认显示当前时间,如果为自定义则为('1991-1-1')
    };
    }
    render() {
    return (
    <DatePicker
    style={{ 50, justifyContent: 'center', alignItems: 'center' }}
    date={this.state.data}
    mode="date"
    confirmBtnText="Confirm"
    cancelBtnText="Cancel"
    iconSource={require('./../image/calendar.png')} //自定义图标
    customStyles={{
    }}
    hideText={true} //不显示日期文本
    onDateChange={(datetime) => { this.props.storq.datetimeFun(datetime); }}
    />
    );
    }
    }

    export default MyDatePicker;

    3.在另一个文件中引用

  • 相关阅读:
    Servlet核心技术(上)
    Bootstrap详解
    ECMAScript6详解
    JQuery详解
    CSS详解
    HTML
    网站加载页面(HTML+CSS+JS,简易版)
    java中sort()方法的用法
    Maven常见jar包依赖
    解决idea的项目启动报404的问题
  • 原文地址:https://www.cnblogs.com/zhuyupingit/p/7602915.html
Copyright © 2011-2022 走看看