如何在javascript reactjs中转换日期格式

时间:2018-02-05 11:24:37

标签: javascript reactjs npm

<b>Select Datetime</b><br/>
<DateTimeField onChange={this.clockevent} format={"x"}/>   

clockevent=(newDate)=>{
    var dateVal ="/Date("+newDate+")/";
    var date = new Date(parseFloat(dateVal.substr(6)));


    console.log(
    date.getFullYear() + " " +
    (date.getMonth() + 1) + "/" +
    date.getDate() + "  " +

    date.getHours() + ":" +
    date.getMinutes() + ":" +
    date.getSeconds() );
}

结果:

  

2018/2/1 14:16:0

我希望结果添加日,月和ss&#39;格式( DD MM ss )我希望这种格式=

  

2018/02/01 14:16:00

5 个答案:

答案 0 :(得分:8)

我没有按照你的要求找到格式化YYYY / MM / DD的方法,但我有2位数格式。

&#13;
&#13;
const today = Date.now();

console.log(new Intl.DateTimeFormat('en-US', {year: 'numeric', month: '2-digit',day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit'}).format(today));
&#13;
&#13;
&#13;

答案 1 :(得分:2)

使用date-fns库

对于“ 2018/02/01 14:16:00”,此格式使用以下代码

import { format } from 'date-fns';
console.log(format(new Date(), 'yyyy/MM/dd kk:mm:ss'))

您可以自定义格式

答案 2 :(得分:0)

  i did.  
        var dateVal ="/Date("+newDate+")/";
        var date = new Date(parseFloat(dateVal.substr(6)));
        const YYYY = date.getFullYear();
        let DD = date.getMonth()+1;
        let MM = date.getDate();
        let HH = date.getHours() ;
        let mm = date.getMinutes()
        let ss = date.getSeconds();


        if(DD<10)
        {
            DD=`0${DD}`;
        }
        if(MM<10)
        {
            MM=`0${MM}`;
        }

        if(HH<10)
        {
            HH=`0${HH}`;
        }
        if(mm<10)
        {
            mm=`0${mm}`;
        }
        if(ss<10)
        {
            ss=`0${ss}`;
        }

        const ltime= (YYYY+DD+MM+HH+mm+ss);

答案 3 :(得分:0)

您可以使用dateformat lib(https://github.com/felixge/node-dateformat),它有很多选项可以为您提供帮助,并且易于使用,可以在前端或后端使用它,对我来说效果很好 这里是一个例子:

lifetime

答案 4 :(得分:0)

我找到了reactjs开发人员最简单的解决方案。

在我的架构(后端)中,日期格式是这样的。

createdAt:{        类型:日期,        默认值:Date.now() }

它将给我输出为2019-04-30T08:59:00.000Z(YYYY-MM-DD'T'HH:MM:SS.SSSZ)格式。 要在Frontend中更改日期格式,您可以使用

轻松解决问题
  1. npm安装日期格式
  2. 从“ dateformat”导入dateFormat;
  3. dateFormat(“ 2019-04-30T08:59:00.000Z”,“ mmmm dS,yyyy”)获得2019年4月30日 或dateFormat(“ 2019-04-30T08:59:00.000Z”,“ dddd,mmmm dS,yyyy”)即可获得2019年4月30日,星期二。