如何获取准确的时间在datetime选择器上选择的内容反应JS

问题描述

我想用datetime选择器选择JS反应日期和时间

image datetime picker in my web

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

我应该在代码中进行哪些更改以将格式从(Wed Aug 12 2020 11:08:00 GMT + 0700(Western Indonesia Time))更改为(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}
        />
     );
     }
     }

解决方法

可以。如下所述由您自己解析链接

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

或者使用momentjs之类的任何库来解析为您想要的任何格式。

,

假设您的日期为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)

注意,此处的ModifyDate是字符串,而不是日期对象