React native 如何从日期时间选择器格式化日期和时间

我目前正在开发一个提醒应用程序，我从包

react native model datetime picker

中添加了一个

DateTimePickerModal

，我想知道如何格式化数据

这是组件的代码

<DateTimePickerModal
    isVisible={this.state.modalVisible}
    mode="datetime"
    onConfirm={onConfirm}
    onCancel={onCancel}                                                                                                        
/>

我得到的数据是：

Converted into string: Mon May 03 2021 16:01:37 GMT+0530 (IST)

Without converting it to string: 2021-05-06T09:31:37.000Z

---

如果你有任何关于如何做到这一点的想法，请让我知道…提前感谢

是的，你走对了路

只需创建一个函数来格式化日期，如下所示

 const FormatDate = (data) => {
    let dateTimeString =
      data.getDate() +
      '-' +
      (data.getMonth() + 1) +
      '-' +
      data.getFullYear() +
      ' ' +
      data.getHours() +
      ':' +
      data.getMinutes();
    return dateTimeString; // It will look something like this 3-5-2021 16:23
  };

this.setState({ dateAndTime: FormatDate(dateAndTime) });

那么，对于设置状态，请执行以下操作

 const FormatDate = (data) => {
    let dateTimeString =
      data.getDate() +
      '-' +
      (data.getMonth() + 1) +
      '-' +
      data.getFullYear() +
      ' ' +
      data.getHours() +
      ':' +
      data.getMinutes();
    return dateTimeString; // It will look something like this 3-5-2021 16:23
  };

this.setState({ dateAndTime: FormatDate(dateAndTime) });

下面是一个工作示例。它将仅在iOS和Android上运行

---

DateTimePicker在以下对象上不受支持：web

react本机datetime picker返回

Date

对象。所以，你可以使用内置的方法来格式化你的约会。非常感谢@Kartikey Vaish…我试过了，效果很好