问题标签 [html5-input-date]

我正在构建一个日历选择器来伴随（并替换某些浏览器提供的默认日历日期选择器）一个input.type="date"

据记载，为了“简单”，Chrome（可能还有其他浏览器）的日期输入允许输入无效日期，但它们将无法验证（即可以输入 2017 年 6 月 31 日，但会产生“值” ”）。

我的问题是：当输入的日期无效时，如何获取无效日期的值？

指定的值"18/08/2017"不符合要求的格式，yyyy-MM-dd

谷歌浏览器不会dd/MM/yyyy从控制器方法加载日期格式。我想将日期加载到日期类型字段中。谷歌浏览器给了我一个警告。我该如何解决

指定的值"18/08/2017"不符合要求的格式，yyyy-MM-dd.

这是我在视图中的代码

自动完成不适用于input[type="date"]属性autocomplete="bday"。

我看到Chromium 代码bday中没有处理（例如）。

问题是：现在有没有办法做到这一点，或者还没有实施？如果没有，那么什么时候？

I need to convert a in a timestamp, this is my html code:

This field has a value that I have put like 25/10/2017 My jquery code is:

But this is not work, anyone can help me?

Firefox v57.0.1 支持 html 输入标签的属性“日期”。当用户单击这样的 rado 按钮时，我希望在 jquery 中重置日期值：

为了得到这个结果：

我的js代码

我测试过：

• 值（“”）
• 值（空）
• 值（“0000-00-00”）
• 值（新日期（））

没有任何成功......有人知道解决方案吗？

我想知道是否可以输入日期类型的输入以将默认年份设置为 2017 年。我所能做的就是设置一个默认日期，其中也包括日期和月份：

我希望它将日期显示为dd，月份显示为 ，mm年份显示为2017。

我想屏蔽几乎所有的复选框，我希望一周中只有 2 天和 4 天可用。有谁知道如何做到这一点？

谢谢您的帮助！

目前有这个代码：

我已经将日期选择器创建为一个按钮，当悬停它时，它在 chrome 浏览器中看起来很乱。可能是因为它在浏览器中的默认行为，但我可以更改 chrome 上的悬停效果吗？

火狐中的图像：

默认<input type=date>

按钮<input type=date>

铬中的图像：

默认<input type=date>（悬停时）

按钮<input type=date>（悬停时）

有什么办法可以消除 chrome 上的悬停效果？

默认输入：

用 CSS 编辑：

输入类型日期有一个疯狂的事情。
这是我的html：

如果我输入无效值，它将自动更改为有效值。
但并非总是如此。最大日期始终为 31。

例如：
输入：“01/55/2018”=>“01/31/2018”--正确
输入：“02/55/2018”=>“02/31/2018”--错误

如果为 False，jquery 或 php 都无法获取该值。
它总是返回“”。

即使它无效，我也想获得价值。
你有什么建议吗？

==================
问题已解决

根据http://crbug.com/231811，原因很简单。

如果您想在用户输入无效日期时显示错误消息。
您可以使用 input.validity.badInput 或 validationMessage 进行验证

我有一个简单的表格，里面只有一个日期控件。当我输入无效日期（如 2018 年 2 月 30 日）时，控件处于无效状态，并且我的 css 样式启动并且控件显示为红色边框。但我的问题是当用户点击保存时，this.appFormGroup.invalid返回false并执行保存操作。如何停止保存操作？（我想通知用户该日期无效。）

以下代码演示了我面临的问题。谢谢。

app.component.ts 文件

app.component.html 文件

app.components.css 文件