如何在HTML上显示特定的日期格式

Question

如何开始格式化网站上显示给用户的日期？基本上，我是从MySQL表格中抓取日期，并使用Nunjucks显示在网站上。

MySQL代码：

CREATE TABLE IF NOT EXISTS `awards` (
  `id` int(11) NOT NULL,
  `awardtime` TIME,
  `awardate` DATE,

显示日期和时间的HTML代码：

{{ results.awardtime }}
{{ results.awardate }}

输出：

2019年11月27日星期三格林尼治标准时间00:00:00 (太平洋标准时间0800)

所需输出(示例)：

2019-11-20

Answer 1

var dateStr = 'Wed Nov 27 2019 00:00:00 GMT-0800 (PST)'; // results.awardate

var date = new Date(dateStr);
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();

var nice = m + "-" + d + "-" + y;

// {{ nice }}
console.log( nice ); // 11-27-2019

Answer 2

你可以试试这个，它可以根据你的要求工作。

let date = new Date(results.awardtime);

let year = date.getFullYear();
let month = date.getMonth() +1
let day = date.getDate();
let finaldate = `${month}-${day}-${year}`

{finaldate}

Answer 3

如果要在不添加依赖项的情况下对其进行格式化：

const formattedDate = new Intl.DateTimeFormat().format(date).replace(/\//g, '-')

或带有date-fns的

import { format } from `date-fns`;

const formattedDate = format(date, 'MM/dd/yyyy');

您可以尝试使用或：https://github.com/techmsi/nunjucks-date