如何解析 React Js 中的最小和最大日期输入?

2024-01-24

我创建了一个函数,该函数返回当前日期的减法或加法,并将结果设置为日期输入的最小值或最大值:

我的职能:

  SubDate = (subDay) => {
    let tgDate = new Date();
    tgDate.setDate(tgDate.getDate() + subDay)
    return tgDate.toLocaleDateString();
  }

我的输入:

<input type="date" id="dateInput" min={this.SubDate(-7)} max={this.SubDate(7)} />

该功能正在运行。在导航器的检查器中,我看到min and max输入的像这样:

<input type="date" id="dateInput" min="13/09/2020" max="27/09/2020">

但是当我尝试选择日期时,它并不妨碍我选择Mindate和Max Date。

我可以解决这个问题吗?或者使用日期时间选择器 https://www.npmjs.com/package/react-datepicker而不是那个。

谢谢。


我不确定你最终是否解决了这个问题,但仅供参考,

var today = new Date().toISOString().split('T')[0];
<input type="date"  onChange={this.handleChange} max={today} />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何解析 React Js 中的最小和最大日期输入? 的相关文章

随机推荐

  • 如何检测滑动手势方向?

    我需要检测我的滑动手势的方向 但我遇到了问题 手势有效 但我不知道如何检测方向 swipeGesture UISwipeGestureRecognizer alloc initWithTarget self action selector
  • 没有System32如何解决“java.lang.UnsatisfiedLinkError:找不到依赖库”?

    我正在 Eclipse 上开发一个 Java 项目 该项目通过 JNI 使用 C OpenCV 库 一些图像处理算法是在本机端使用 OpenCV 实现的 我希望通过 JNI 从 java 中使用它们 我构建了一个 C DLL 项目来链接到
  • 根据环境选择C二进制文件

    我使用特定标志 Os O2 march native 及其组合 编译了代码 以便产生更快的执行时间 但我的问题是我并不总是在同一台机器上运行 因为在我的实验室中有几台不同的机器 有时我在 MacOS 或 Linux 中运行 这两种情况都具有
  • 在 Windows 8 中覆盖证书验证

    我正在尝试在 Windows 8 Consumer Preview 上的 ssl 套接字中使用自签名证书 我收到这个异常 异常 System Runtime InteropServices COMException 0x800B0109 证
  • 验证 cypress 的加载指示器显示

    我有以下规格 context Contact update gt it only Can update contact gt const address new address 123 const cardId c2card 38AF429
  • 如何在实体框架中将 Int 属性替换为 Enum?

    我有一个实体类 它的属性具有数据类型 Int 的基础数据库列 但实际上我希望该属性是一个枚举 有什么方法可以指定该属性返回一个枚举吗 间接地 比如so http weblogs asp net alexeyzakharov archive
  • scrypt 输出的最大长度是多少?

    我想存储一个scrypt http en wikipedia org wiki Scrypt 数据库中的散列密码 我可以预期的最大长度是多少 根据https github com wg scrypt https github com wg
  • 为什么我们需要添加

    为什么我们需要在 Facebook 应用程序中添加这对标签 这对标签有什么用呢 我创建了一个使用 apprequest 的应用程序 即使我没有在脚本前面添加这些标签 它也能正常工作 所以我真的很想知道为什么我们需要添加它们 谢谢 它是 Fa
  • 什么是影根

    在 Google Chrome 的开发者工具中 我看到 shadow root就在下面标签 它有什么作用以及用途是什么 我在 Firefox 和 IE 中都没有看到它 仅在 Chrome 中 这是一个特殊功能吗 如果我打开它 它会显示 an
  • Logback 依赖性阻止 SBT 离线运行

    这是一个细化的上一个问题 https stackoverflow com questions 23014492 sbt 0 13 1 offline更密切地归因于问题 我正在尝试确认我可以离线运行我的 SBT 项目 我可以 除非 logba
  • python 2.7中的karger最小切割算法

    这是我的 karger min cut 算法的代码 据我所知 我实现的算法是正确的 但我没有得到正确的答案 如果有人可以检查出了什么问题 我将不胜感激 import random from random import randint loa
  • Plaid 快速入门 - 无法获取 link_token (Python)

    按照以下说明进行操作后https dashboard plaid com overview sandbox https dashboard plaid com overview sandbox 我得到了以下消息在前端 https i sta
  • 如何对值为数组引用的 Perl 哈希进行排序?

    嘿 我只是想知道是否有一个很酷的 单行 可以对保存数组引用的哈希进行排序 所以我的哈希中有一堆键 值 例如 DataBase key value 但是我想按以下方式对哈希进行排序array 0 元素 然后循环遍历它们 我一开始是这样的 fo
  • C++ 模板函数参数推导和函数解析

    今天我只想提出一个关于C 模板函数参数推导和C 11中模板函数重载解析的问题 我使用的是vs2010 sp1 我定义了两个模板函数 如下所示 功能 1 template
  • 在 Angular 应用程序中处理过滤值的更优雅的方式

    我在 Angular 2 应用程序中多次重新加载表格显示中的数据时遇到了一些问题 我认为主要问题与以下事实有关 在初始组件加载时 我将数据作为网络请求发送给一系列过滤器 基本上 我们利用 Mongo Mongoose 功能 让我们在 pos
  • APN 重复令牌

    我们有一个推送通知服务器 它保存多个不同应用程序的数据 设备令牌 由于 Apple 希望阻止人们使用 UDID 作为标识符 我正在考虑更改此服务器 以便它不再依赖 UDID 来识别设备 据我所知 APN 返回的令牌不是全局唯一的 而是每个设
  • 我如何编写一个 mt4 指标,在前 6 小时的每小时蜡烛图上绘制矩形和水平线

    我是 mql4 编码的新手 我想知道如何根据下图编写一个执行以下操作的指标 在当天的小时图上绘制一个矩形 覆盖前 6 小时的最高和最低价格点 蜡烛 沿着找到的最高点和最低点画两条水平线 1 请注意 1 和 2 应严格基于每小时时间段 并且不
  • 如何在 Spring Data REST 中禁止 PUT 而允许 POST 和 PATCH?

    是否可以在 Spring Data REST 中完全禁止对存储库进行 PUT 同时仍然可以对集合进行 POST 并对项目进行 PATCH 这背后的基本原理是 PUT 通常允许替换语义 但在我们的例子中 资源只能通过集合上的 POST 创建
  • 您可以使用 TortoiseGit 与索引/暂存区域进行交互吗?

    我的任务是向我的同事做关于 Git 的演示 他们几乎都是习惯使用 TortoiseCVS 的 Windows 用户 我已经使用 Git 大约一年了 但我几乎只使用 Unix 命令行界面 所以我一直在尝试熟悉 Windows GUI Git
  • 如何解析 React Js 中的最小和最大日期输入?

    我创建了一个函数 该函数返回当前日期的减法或加法 并将结果设置为日期输入的最小值或最大值 我的职能 SubDate subDay gt let tgDate new Date tgDate setDate tgDate getDate su