小编New*_*ner的帖子

如何在React Native中单击按钮打开DatePicker

我想知道如何在react native中单击按钮时显示日期选择器。我尝试过各种解决方案仍然没有成功,任何帮助都会有所帮助。谢谢。

以下是我尝试过的

import React, { Component } from 'react';
import {
Platform,
StyleSheet,
View,DatePicker
} from 'react-native';
Run Code Online (Sandbox Code Playgroud)

这是我的渲染方法

render(){
    return(
        <TouchableOpacity
        onPress={() => this.datePicker.onPressDate()}>
        <Text>
         Hello Date
        </Text>
    </TouchableOpacity>

  <DatePicker
    style={{width: 200}}
    ref={(picker) => { this.datePicker = picker; }}
    date={this.state.date}
    mode="date"
    placeholder="Select date"
    format="YYYY-MM-DD"
   minDate="2016-05-01"
   maxDate="2020-12-12"
   confirmBtnText="OK"
   cancelBtnText="Cancel"
   onDateChange={(date) => {this.setState({date: date})}}

    />     
    );
}
Run Code Online (Sandbox Code Playgroud)

每当我运行时,我都会遇到以下错误, 在此处输入图片描述

react-native

7
推荐指数
2
解决办法
6012
查看次数

标签 统计

react-native ×1