datetime - 日期小部件/输入显示保存不一致

Question

我认为这是一些时区/UTC 问题 - 但我无法弄清楚。

我使用以下方法在我的 Gatsby 网站上设置了 Netlify CMS config.yml：

backend:
  name: git-gateway
  branch: master

publish_mode: editorial_workflow

media_folder: src/images/uploads
public_folder: /uploads

collections:
  - name: "tourInfo"
    label: "Tour Info"
    files:
      - file: "static/json/tours.json"
        label: "Tours"
        name: "tours"
        fields:
          - {label: "Tour", name: tour, widget: list, fields: [
            {label: "Date", name: date, widget: "date"},
            {label: "Spaces", name: spaces, widget: "number"},
            {label: "Booked", name: booked, widget: "number", required: false} ]}

我用它来创建旅游日期，但这样做有不一致的地方：

通过 CMS 选择日期时，日期显示正确，如上所示。

但随后日期保存为：

这显然与我输入的日期不一致。

在前端通过 Gatsby 获取的所有输入日期中，此行为也是一致的：

[
   {
      "date":"2019-04-03T23:35:50.291Z",
      "spaces":6,
      "booked":6
   },
   {
      "date":"2019-04-17T23:36:08.718Z",
      "spaces":6,
      "booked":null
   },
   {
      "date":"2019-05-01T23:36:19.622Z",
      "spaces":6,
      "booked":null
   },
   {
      "date":"2019-05-15T23:36:33.206Z",
      "spaces":6,
      "booked":null
   },
   {
      "date":"2019-06-05T23:36:49.265Z",
      "spaces":6,
      "booked":null
   },
   {
      "date":"2019-06-19T23:37:09.924Z",
      "spaces":6,
      "booked":6
   }
]

他们整天都在外面。

我怀疑这是某种类型的时区问题？我的语言环境目前在 BST 上。

当然，在使用date小部件时，时间并不重要——为什么 Netlify 甚至必须节省时间？我只是输入一个日期。

我该如何纠正这个问题？那么当我输入 2019/04/04 时，我会得到 2019/04/04？

Answer 1

可以在 NetlifyCMS 中设置日期格式。

例子

{label: "Date", name: date, widget: "date", dateFormat: "YYYY-MM-DD", "format": "YYYY-MM-DD"},

• dateFormat是小部件输出
• format是数据输出

这些格式是moment基于格式的。

查看文档

Answer 2

我们可以这样做来禁用日期日历，只保留时间选择器：在 config.yml 文件中，只需要写下这样的命令：

name: 'end_time'
label: 'End Time'
widget: 'datetime'
format: 'HH:mm A'
dateFormat: false
timeFormat: true

它看起来像这样：