使用 Datetime-local HTML 类型设置和检索 DateTime

Question

不在客户端使用 momentjs。我需要将 date/time 正确保存到数据库并将其拉回，然后将其转换为本地。

我注意到 material-ui 日期选择器以前处理过这个，但现在我需要自己做。

html 输入 'datetime-local' 不喜欢接收时区，所以我不确定如何完成整个流程。

我想我需要像这样在客户端获取数据库的 UTC 日期 (?) 2021-10-26T01:14:27.920+00:00

并以某种方式将其转换为输入 'datetime-local' 会接受的内容。

感谢任何帮助

Answer 1

您可以通过以下方式实现

// Create date object from datetime string
var date = new Date('2021-10-26T01:14:27.920+00:00');

// Coverting local datetime back to UTC
console.log(date.toUTCString()); // Output "Tue, 26 Oct 2021 01:14:27 GMT"

// Coverting to local datetime 
console.log(date.toString());  // Output "Tue Oct 26 2021 06:44:27 GMT+0530 (India Standard Time)"

// Coverting to local timezone 
console.log(date.toLocaleString()); // Output "10/26/2021, 6:44:27 AM"

使用 Datetime-local HTML 类型设置和检索 DateTime

Setting and retrieving DateTime using Datetime-local HTML type

datetime

datetime-format

node.js

momentjs

ecmascript-6