javascript - 我可以为 jsonschema-form lib 中的日期输入设置 min 和 max 属性吗?

标签 javascript html reactjs jsonschema

我正在使用jsonschema-form lib,我想在输入字段中设置最小和最大日期。如 W3C documentation 中所述,在HTML5中min和max是input元素的属性。

我使用的 JsonSchema 非常简单:

{
  "title": "Date and time widgets",
  "type": "object",
  "properties": {
    "native": {
      "title": "Native",
      "type": "object",
      "properties": {
        "date": {
          "type": "string",
          "format": "date"
        }
      }
    }
  }

UISchema 是:

{
  "alternative": {
    "alt-date": {
      "ui:widget": "alt-date"
    }
  }
}

我可以为 jsonschema-form 库中的日期输入设置 min 和 max 属性吗?如果可以的话怎么办?

最佳答案

我刚刚遇到了同样的挑战,我同意这将是一个很好的功能。看起来有一个active issue for adding support of validation: format[Exclusive](Minimum|Maximum)在 JSON Schema 的 future 草案中。

同时,我计划通过添加少量 JavaScript 来直接在生成的输入元素上设置属性来解决此问题,使用生成的 id 或 custom class .

关于javascript - 我可以为 jsonschema-form lib 中的日期输入设置 min 和 max 属性吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48578115/

相关文章:

javascript - 如何读取 XMLHttpRequest.onreadystatechange 回调函数中 FileReader.onloadend 中定义的变量值?

javascript - jspm 找不到 Aurelia 应用程序的 'feature' 插件的全局资源

html - caption(table) 和 legend(fieldset) 是唯一的 html first descendant 限制吗?

html - 将鼠标悬停在其父元素上时更改插入符号按钮

html - 显示与图标内联的文本和文本转换不起作用

reactjs - 有没有一种方法可以在 React 应用程序中使用样式组件,而无需重命名所有现有组件?

javascript - 将文本从一个 INPUT 拖动到另一个 INPUT,而不从源 INPUT 中删除文本

javascript - 如何从异步调用返回响应?

javascript - 在 React 中从查看模拟时钟更改为数字时钟

javascript - 如何从 react 列表中删除单个项目