javascript - 如何添加类型 : date for react-jsonschema-form

Question

使用这个库:https://github.com/mozilla-services/react-jsonschema-form我想添加一个日期选择器字段，文档中的此处是这样说的:

date: By default, an input[type=date] element is used;
date-time: By default, an input[type=datetime-local] element is used.

然后他们发布了这张照片，我希望我的照片看起来和日期一样:

由于兼容性问题，我使用的是最新版本的 Chrome。

我试着写这样的东西:

date: {
       type: "date",
       title: "Date"
        }

但是我得到了这个错误:

Unsupported field schema for field root_date: Unknown field type date.

检查这个 fiddle :

https://jsfiddle.net/bogdanul11/69z2wepo/91003/

Answer 1

你应该定义 json shema 如下:

"datetime": { // whatever name you want
  "type": "string", //Attention!
  "format": "date-time"
},

而不是你所做的:

date: {
  "type": "date",
  "title": "Date"
}

react-jsonschema-form 库提供了非常好的 Playground : https://mozilla-services.github.io/react-jsonschema-form/