在React应用程序中以特定日期格式获取今天的日期

时间:2019-03-04 19:12:09

标签: javascript reactjs

我想在react.js应用程序中以以下格式获取今天的日期。

    "2019020420"

我可以使用此功能获取当前日期。我该如何修改 它会给我上面的日期格式。

     getCurrentDate() {    
            var tempDate = new Date();
            var date = tempDate.getFullYear() + '-' + (tempDate.getMonth()+1) + '-' + tempDate.getDate() +' '+ tempDate.getHours()+':'+ tempDate.getMinutes()+':'+ tempDate.getSeconds();
            const currDate = date;
            return currDate;       
        }

3 个答案:

答案 0 :(得分:0)

尝试使用该库以所需格式设置日期格式。  https://date-fns.org/

答案 1 :(得分:0)

您可以使用template literals

let formatTwoDigits = (digit) => ("0" + digit).slice(-2);
var tempDate = new Date();
var date = `${tempDate.getFullYear()}${formatTwoDigits(tempDate.getMonth()+1)}${formatTwoDigits(tempDate.getDate())}${formatTwoDigits(tempDate.getHours())}${formatTwoDigits(tempDate.getMinutes())}${formatTwoDigits(tempDate.getSeconds())}`;
console.log(date);

但是,有时我们自己执行日期格式化可能很乏味。如果您不介意使用库,则可以查看moment.js及其format functions。 Moment.js是用于解析,处理和格式化日期的常用JS库。

答案 2 :(得分:0)

使用https://momentjs.com/中的moment.js 先来看一些如何使用它重新格式化日期的示例。