首页 > 解决方案 > 使用 Moment React 格式化日期

问题描述

我创建了 ** React 组件**

class Test extends Component{

state = {
    birthdate: '2020-09-20'
}

render(){
    const {birthdate} = this.state;
    const mdiffInDays = moment(moment()).diff(moment(birthdate), 'days');
    const mdiffInWeeks = moment(moment()).diff(moment(birthdate), 'weeks');

    return(
    <div className="card">
        <span>Today: {moment(moment()).format('DD MMM YYYY')}</span>
        <span>Birthdate: {birthdate}</span>
        <span>Days: {mdiffInDays}</span>
        <span>Weeks: {mdiffInWeeks}</span>           
    </div>            
    )
}}

我有两个问题:

  1. 今天- 如何代替23-Oct-2020我可以使用"PL" region
  2. 出生日期呈现为:YYYY-MM-DD。这个怎么改display "DD-MM-YYY"

我正在学习 React 并尝试现在玩日期。

标签: reactjsreact-nativedatemomentjsmoment-timezone

解决方案


const birthdate =  '2020-09-20'
const date = new Date(birthdate)
const options = {
  year: "numeric",
  month: "short",
  day: "numeric",
};
console.log(date.toLocaleDateString("pl", options));


推荐阅读