如何将 javascript 中的日期格式化为 DD-MMM-YYYY？

Question

因此后端向 FE 提供的日期为：'2019-05-30T00:00:00.000Z'

我正在尝试在 FE 上渲染为 2019 年 5 月 30 日

所以...

let date = new Date( Date.parse('2012-01-26T13:51:50.417-07:00') );

我一直在尝试使用 MDN Javascript Date documentation

但是您如何开始修改 Date 对象并控制到所需的输出？

Answer 1

这使用 toLocaleString() 方法获取月份名称，否则您将需要一个月份名称数组来匹配 date.getMonth() 的输出，这只是数字（从 0 开始索引）（例如 1 月为 0）

const monthNames = ["January", "February", "March", "April", "May", "June",
  "July", "August", "September", "October", "November", "December"
];

month = monthNames[date.getMonth()];

let date = new Date( Date.parse('2012-01-26T13:51:50.417-07:00') );

console.log(`${date.getDate()}-${date.toLocaleString('default', { month: 'long' })}-${date.getFullYear()}`);

另一种方法是对其余格式也使用 toLocaleString()：

let date = new Date( Date.parse('2012-01-26T13:51:50.417-07:00') );

dateFormatted = date.toLocaleString('default',{day: 'numeric', month: 'long', year: 'numeric'});
console.log(dateFormatted);

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat

Answer 2

function formatDate(dateString) {
let date = new Date(dateString),
    day = date.getDay(),
    month = date.getMonth(),
    year = date.getFullYear(),
    months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
      
return day + '-' + months[month] + '-' + year;
}

预定义函数和数组。

Answer 3

感谢大家对这个问题的贡献。

我设法为此创建了一个工作函数：

formatDate(value) {
    let date = new Date(value);
    const day = date.toLocaleString('default', { day: '2-digit' });
    const month = date.toLocaleString('default', { month: 'short' });
    const year = date.toLocaleString('default', { year: 'numeric' });
    return day + '-' + month + '-' + year;
}

如何将 javascript 中的日期格式化为 DD-MMM-YYYY？

How to format date in javascript as DD-MMM-YYYY?

javascript

date

datetime-format