时间戳

首页 > 解决方案 > 如何在本机反应中仅在 DateTimePicker 中显示日期

react-native - 如何在本机反应中仅在 DateTimePicker 中显示日期

问题描述

我是新来的反应本地人。我创建了一个显示 date 的屏幕。我在本机反应中使用 DateTimePicker 。但问题是我只想显示这样的日期 =>“2020 年 6 月 12 日”或 2020 年 6 月 6 日或 2020 年 6 月 6 日或 2020 年 6 月 6 日。但我得到这样的日期。=> 2020 年 6 月 12 日星期五 05:30:00 GMT+0530(IST)。所以请帮忙。谢谢。总之我不想显示时间

这是我的代码

<DateTimePicker 
   value={date}           
   mode={mode}
   is24Hour={false}
   display="default" 
   onChange={this.setDate} 
/>

<Text style={{fontSize: 18}}>{String(this.state.dateString)}</Text>

这是我的 onChange 代码。我得到未定义而不是日期=>

setDate = (event,  selectedDate) => {

    const year = selectedDate.getFullYear();
    const  month = selectedDate.getMonth(); 
    const  day= selectedDate.getDate();
  
    const  dateString = `${day}-${month}-${year}`;
    this.setState({date: selectedDate})
    this.setState({dateString: dateString})

 }

标签： react-nativedatetimepicker

解决方案

添加状态stringDate

const onChange = (event, selectedDate) => {      
  const year = selectedDate.getFullYear();
  const  month = selectedDate.getMonth()+1; 
  const  day= selectedDate.getDate();

  const  dateString = `${day}-${month}-${year}`;
  setDate(date );
  setDateString(dateString) 
};

然后显示dateString

   <Text style={{fontSize: 18}}>{String(this.state.dateString)}</Text>

推荐阅读