使用date-fns库时,我的日期格式不正确吗?

时间:2019-02-25 17:56:13

标签: reactjs date date-fns

我正在使用date-fns库格式化我的日期,我正在使用ReactJS,这是我的代码:

// dateOperation is a date

console.log("date Original :");
console.log(dateOperation);

item.annee = dateOperation.getFullYear();
console.log("date FULL YEAR :");
console.log(item.annee);

item.dateOperation = format(dateOperation, "DD/MM/YYYY");
console.log("date operation :");
console.log(item.dateOperation);

我将分享编写该代码时得到的结果:

date Original :
14 Fri Jul 06 2018 00:00:00 GMT+0200 (heure d’été d’Europe centrale)
date FULL YEAR :
2018
date operation :
187/07/2018

我不想要这种格式:

187/07/2018

但是这个:

06/07/2018

任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

我做了快速检查,发现dateFns给出了正确的结果。顺便说一句,我用的是CDN而不是npm模块。 下面是示例

class HelloMessage extends React.Component {
  render() {
    let dateOperation = new Date()
    let item={}
    item.annee = dateOperation.getFullYear();
    console.log("date FULL YEARs s :");
    console.log(item.annee);

    item.dateOperation =  dateFns.format(dateOperation, "DD/MM/YYYY");
    console.log("date operations :");
    console.log(item.dateOperation);

    return <div>Hello, Please see console</div>;
  }
}

React.render(<HelloMessage />, document.getElementById('example'));

答案 1 :(得分:1)

仔细检查您的实际代码。您可能有DDD/MM/YYYY而不是此处显示的DD/MM/YYYY

  • DD为您提供每月的两位数字
  • DDD为您提供 year
  • 的日期