问题标签 [html5-input-date]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
243 浏览

javascript - 当 HTML5 Datepicker 关闭时如何检测(使用 Javascript)?

背景

我正在构建一个使用两个 HTML5type="date"输入元素的日期范围选择器:

在此处输入图像描述

如果用户使用事件选择与先前选择的日期不同的日期,我可以检测到日期选择器何时关闭change。但是,如果用户选择相同的日期,则输入值不会改变,Firefox 不会触发change事件或input事件。

示例代码

问题

有没有办法检测 HTML5 日期选择器何时因用户交互而关闭,即使输入的值没有改变?

0 投票
1 回答
658 浏览

coldfusion - 在 ColdFusion 中默认日期字段

我想将日期输入控件默认为今天

我从中得到的只是

在此处输入图像描述

有没有办法让它默认到今天?

0 投票
2 回答
3659 浏览

html - Angular 7(更改)-输入类型日期的功能不起作用,但为什么格式错误?

我正在尝试通过按键输入更新日期。我还需要将选定的日期分配给我的对象的属性。这是我的以下代码:

dateTime 函数返回存储在我的对象中的日期(如果存在):

现在出现问题,当我尝试设置新日期时:

我尝试将日期的所有更改分配给info.sDate我的对象的属性。我得到警告:platform-browser.js:1133 The specified value "2020--0-1-" does not conform to the required format, "yyyy-MM-dd".虽然我不明白为什么。

有人可以帮助我吗?

0 投票
1 回答
39 浏览

angularjs - 在输入日期字段中输入合法日期之前,如何禁用提交按钮?

我有一个用作过滤器的表单。这是日期输入字段的代码。

当角度控制器初始化时,该gridFilters.dateFilter值设置为undefined并且不应默认为任何值。这是正确的行为。

这是我的提交按钮的代码。我希望该按钮保持禁用状态,直到用户选择/输入有效日期。

如您所见,我已多次尝试检查该值的gridFilters.dateFilter值。这些都不起作用。具体来说,当我加载页面时,我的按钮已启用,就好像在选择器中输入了正确的日期一样。我如何测试日期值是否实际上是日期?此外,这必须在 Internet Explorer 中工作。我怀疑这会有所作为,但 IE 是我们公司首选的浏览器。

0 投票
2 回答
1047 浏览

django - DateTimeInput 在 django 中被呈现为简单的文本输入

我试图从用户那里获取日期时间输入,但日期输入的数据类型被设置为 type="text"

以下是代码片段:

模板:

表格.py:

模型.py:

继承人呈现的html:

你能指出我的代码中缺少什么吗?

0 投票
0 回答
54 浏览

javascript - 强制第二个 HTML5 日期输入打开与第一个输入相同的月份

使用 HTML5 input type="date",弹出日历似乎总是以今天的日期打开。vanilla javascript是否有一种简单的方法来强制弹出日历显示不同的初始月份?

特别是我们正在为我们的网站构建搜索功能,允许人们搜索两个日期之间的事件。一旦他们选择了搜索的开始日期,我们希望第二个日期输入弹出显示他们第一次输入的月份。而不是强迫他们从今天到 2022 年或任何时候翻页。

我们尝试简单地获取第一个输入的值并将其应用于第二个输入,但拒绝了这个想法,因为每次第一个输入被更改时,访问者都必须重置第二个输入。另外,在访问者选择一个日期之前,我们真的不希望出现日期。

真的不想使用 datepicker 脚本,因为它们中的大多数都比我们在这个网站上的整个 JS 负载大。

0 投票
1 回答
654 浏览

javascript - HTML 5 input type="date" 如何删除“今天的日期”按钮

我正在尝试删除 HTML 默认日期选择器底部的按钮。我似乎找不到方法。按钮说:“今天”

日期图片

0 投票
0 回答
126 浏览

html - input[type=date]: 处理跨浏览器宽度和空白

input[type=date]这是一些浏览器中的默认示例:

各种浏览器渲染输入日期类型的截图

Edge Chromium 和 Chrome 都在 input[type=date] 的默认宽度上添加了很多不必要的空白,每个空白大约 50px。在我的特殊情况下,我在一个非常宽的网格/表格中放置了一些,并且水平空间非常宝贵,以适应屏幕上所有复杂的表单字段。

理想情况下,我可以width: max-content用来收紧这些宽度,但这没有效果。(或者更好的是,默认情况下根本不存在额外的空白。)如果我在 CSS 中设置特定的宽度,所有浏览器都会开始围绕不同的值重叠我的日期文本。

我能想到的解决宽度问题的唯一两个选择是:

  1. 浏览器嗅探并为不同的浏览器使用不同的 CSS 选择器。(我知道为什么这是不好的做法和糟糕的主意。)
  2. 不要使用 input[type=date] 而是使用 JavaScript 日期选择器或 Web 组件。(我不喜欢这个,因为我认为移动浏览器实现了比桌面浏览器更好的日期选择器,我不想强​​迫用户使用其中一个。)

有人有其他建议吗?这是一个 CodePen,以防有人想分叉。

0 投票
1 回答
227 浏览

html - 如果通过脚本设置值,则 datetime-local 上的输入不起作用

假设我有以下日期/时间输入:

这会在日期/时间选择器中显示日期/时间。选择新的日期/时间会按预期更新值。

现在,假设我有一个日期/时间输入,我用脚本设置它的值:

稍后在我的 JavaScript 中:

这似乎导致相同的日期/时间选择器和值,就像第一个示例一样。除了用户无法更新日期/时间。它似乎被锁定在最初设置的任何位置。

我是否正确设置了值?这是浏览器错误吗?我在 Windows 上使用 Chrome。

JSFiddle 示例: https ://jsfiddle.net/4buswncz/

0 投票
2 回答
196 浏览

calendar - 如何从输入类型日期的日历页脚中删除“今天”

只想从日历页脚中删除今天的链接,因为我正在选择未来的日期,所以不需要在日历页脚中显示今天

截屏