如何获取在日期时间选择器上选择的确切时间反应 JS答案

【问题标题】：how to get exact time what choosen on datetime picker react JS如何获取在日期时间选择器上选择的确切时间反应 JS
【发布时间】：2020-08-12 12:34:04
【问题描述】：

我想用日期时间选择器 react JS 选择日期和时间

在我选择日期和时间后，我想获取日期时间（2020-08-12 11:08），但我得到的格式是（2020 年 8 月 12 日星期三 11:08:00 GMT+0700（印度尼西亚西部时间） ))

我应该在代码中更改什么以将格式从（2020 年 8 月 12 日星期三 11:08:00 GMT+0700（印度尼西亚西部时间））更改为（2020-08-12 11:08），我可以在控制台中查看。日志？谁能帮帮我？

这是我现在的代码：

    this.state ={
        file: null,
        getDate: new Date(),
    };
     this.handleChange = this.handleChange.bind(this);
    }

    ...........

      handleChange = date => {
      this.setState({
      getDate: date
      });
    };

   .............

    render() {
    console.log(this.state.getDate)
    return (
        <DateTimePicker
                format={"yyyy-MM-dd hh:mm a"}
                onChange={this.handleChange}
                value={this.state.getDate}
                width={200}
        />
     );
     }
     }

【问题讨论】：

标签： javascript reactjs datetime

【解决方案1】：

你可以。按照下面的链接自行解析

Convert date from 'Thu Jun 09 2011 00:00:00 GMT+0530 (India Standard Time)' to 'YYYY-MM-DD' in javascript

或者使用像momentjs这样的任何库来解析成你想要的任何格式。

【讨论】：

【解决方案2】：

假设你的日期是yourDate

let yourDate = new Date()
console.log("Date you have--> ", yourDate.toString())

//offset to maintain time zone difference
const offset = yourDate.getTimezoneOffset();

yourDate = new Date(yourDate.getTime() + (offset * 60 * 1000));
let modifiedDate = yourDate.toISOString().split('T')[0]+" "+yourDate.toLocaleTimeString()

console.log("Date you want --> ",modifiedDate)

注意这里的modifiedDate是一个字符串不是日期对象

【讨论】：