问题标签 [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.
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".
虽然我不明白为什么。
有人可以帮助我吗?
angularjs - 在输入日期字段中输入合法日期之前,如何禁用提交按钮?
我有一个用作过滤器的表单。这是日期输入字段的代码。
当角度控制器初始化时,该gridFilters.dateFilter
值设置为undefined
并且不应默认为任何值。这是正确的行为。
这是我的提交按钮的代码。我希望该按钮保持禁用状态,直到用户选择/输入有效日期。
如您所见,我已多次尝试检查该值的gridFilters.dateFilter
值。这些都不起作用。具体来说,当我加载页面时,我的按钮已启用,就好像在选择器中输入了正确的日期一样。我如何测试日期值是否实际上是日期?此外,这必须在 Internet Explorer 中工作。我怀疑这会有所作为,但 IE 是我们公司首选的浏览器。
django - DateTimeInput 在 django 中被呈现为简单的文本输入
我试图从用户那里获取日期时间输入,但日期输入的数据类型被设置为 type="text"
以下是代码片段:
模板:
表格.py:
模型.py:
继承人呈现的html:
你能指出我的代码中缺少什么吗?
javascript - 强制第二个 HTML5 日期输入打开与第一个输入相同的月份
使用 HTML5 input type="date"
,弹出日历似乎总是以今天的日期打开。vanilla javascript是否有一种简单的方法来强制弹出日历显示不同的初始月份?
特别是我们正在为我们的网站构建搜索功能,允许人们搜索两个日期之间的事件。一旦他们选择了搜索的开始日期,我们希望第二个日期输入弹出显示他们第一次输入的月份。而不是强迫他们从今天到 2022 年或任何时候翻页。
我们尝试简单地获取第一个输入的值并将其应用于第二个输入,但拒绝了这个想法,因为每次第一个输入被更改时,访问者都必须重置第二个输入。另外,在访问者选择一个日期之前,我们真的不希望出现日期。
真的不想使用 datepicker 脚本,因为它们中的大多数都比我们在这个网站上的整个 JS 负载大。
javascript - HTML 5 input type="date" 如何删除“今天的日期”按钮
我正在尝试删除 HTML 默认日期选择器底部的按钮。我似乎找不到方法。按钮说:“今天”
html - input[type=date]: 处理跨浏览器宽度和空白
input[type=date]
这是一些浏览器中的默认示例:
Edge Chromium 和 Chrome 都在 input[type=date] 的默认宽度上添加了很多不必要的空白,每个空白大约 50px。在我的特殊情况下,我在一个非常宽的网格/表格中放置了一些,并且水平空间非常宝贵,以适应屏幕上所有复杂的表单字段。
理想情况下,我可以width: max-content
用来收紧这些宽度,但这没有效果。(或者更好的是,默认情况下根本不存在额外的空白。)如果我在 CSS 中设置特定的宽度,所有浏览器都会开始围绕不同的值重叠我的日期文本。
我能想到的解决宽度问题的唯一两个选择是:
- 浏览器嗅探并为不同的浏览器使用不同的 CSS 选择器。(我知道为什么这是不好的做法和糟糕的主意。)
- 不要使用 input[type=date] 而是使用 JavaScript 日期选择器或 Web 组件。(我不喜欢这个,因为我认为移动浏览器实现了比桌面浏览器更好的日期选择器,我不想强迫用户使用其中一个。)
有人有其他建议吗?这是一个 CodePen,以防有人想分叉。
html - 如果通过脚本设置值,则 datetime-local 上的输入不起作用
假设我有以下日期/时间输入:
这会在日期/时间选择器中显示日期/时间。选择新的日期/时间会按预期更新值。
现在,假设我有一个日期/时间输入,我用脚本设置它的值:
稍后在我的 JavaScript 中:
这似乎导致相同的日期/时间选择器和值,就像第一个示例一样。除了用户无法更新日期/时间。它似乎被锁定在最初设置的任何位置。
我是否正确设置了值?这是浏览器错误吗?我在 Windows 上使用 Chrome。
JSFiddle 示例: https ://jsfiddle.net/4buswncz/
calendar - 如何从输入类型日期的日历页脚中删除“今天”
只想从日历页脚中删除今天的链接,因为我正在选择未来的日期,所以不需要在日历页脚中显示今天