问题标签 [html5-input-date]

我想使用新的 HTML5<input type="date">并将其值绑定到托管 bean：

我怎样才能做到这一点？

我正在使用<input type="date">带有淘汰赛绑定的 html5。我将 webshim 用于不支持 html5 日期的浏览器。

原生 html5 浏览器运行良好，更改日期会更改模型，更改模型以编程方式更改日期输入中显示的日期。

在不支持 html5（例如 IE8）的浏览器上更改日期可以正常工作并更新淘汰模型，但反之则不然。对模型的更改不会传播到 webshim 生成的日期选择器，只会传播到 webshim 使用的隐藏输入。

是否有 webshim 提供的方法或事件我可以调用或触发来告诉它查看数据并在更改后更新 UI？我怎么能写一个淘汰赛绑定来调用它？

我正在尝试input[date]在控制器中为控件分配初始值。

从 AngularJSinput[date]文档中，

模型必须始终是 Date 对象，否则 Angular 会抛出错误。

他们提供了一个工作示例，说明如何在 Plunker 上运行input[date]控制器（粘贴简化版本）。

当我在我的应用程序中执行相同操作时，我总是会收到以下消息：

并且控件未初始化。似乎它需要一个 ISO 格式的字符串，而不是一个有效的日期对象。

在使用 angularJS 设置 HTML5 日期输入字段的默认值中，提出了一种替代方法：

它只是为模型分配一个“yyy-MM-dd”字符串。根据文档，这应该会引发错误，因为字符串不是有效的日期对象，但是第二种方法对我有用，但有趣的是，如果您在修改后的原始Plunker中使用它，则它不起作用，适合使用此方法。

1. 什么会弄乱我的input[dates]，所以我不能像预期的那样在控制器中设置值？
2. 为什么 alt 方法对我（和其他人）有效，但在提供的简单演示中无效？

以下是我的代码的一些摘录，其中创建了 input[type] 并为其分配了初始值：

索引.html

控制器

我试图在 HTML5 日期输入上禁用滚动但没有成功。
这个输入有一个 webshim 后备，这导致我的 JS 可以与 Chrome 一起使用，但不能与 Firefox 一起使用。

有没有人遇到过这个问题？

我使用 MVC 5 创建小型应用程序。我的模型中有 DateTime 属性，装饰有

使用时

控件像这样DateTime出现在表单上

问题是：我的应用程序是阿拉伯文化，所以我需要将此控件转换为 Hijri DateTime 控件，这可能吗？

Chrome 有本机日期选择器<input type="date">：

我喜欢它，我完全可以让它只在 chrome 中工作。

问题是如何在 javascript 中为此输入字段调用日期选择器？

通常只有输入字段，直到用户将其聚焦并单击黑色小三角形以打开小日历。我想从javascript打开它。

如果可能，我想避免使用第 3 方日期选择器实现。

我试过了element.focus()，element.click()等等。

我不太喜欢 HTML，我在这个网页中有以下问题：http: //www.saranistri.com/saranistriWPnew/richiesta-online-di-foto-storiche/

如果您使用Chrome打开它，您会看到有 2 个日期字段，您可以在其中选择具有正确格式的数据（还显示向上和向下箭头以增加或减少数据）但是如果您打开此页面使用FireFox这些字段未正确显示（未显示 2 个箭头且未指定日期格式）。

使用FireBug我可以看到这些是由这个 HTML 部分实现的：

如您所见，它指定了type="date"。为什么 Chrome 能正确显示而 Firefox 不能？我也有同样的问题使用资源管理器。

我该如何解决这个问题？

Angular.js 在内部使用createDateInputTypengModel 绑定来处理特定于日期和时间的输入元素。在此createDateParser用于解析日期/时间。例如：
的定义input[date]：

的定义input[time]：

基本上可以更改源中使用的日期和时间格式。但没有指定其他格式的 api/选项。（我认为这很适合 ngModelOptions）

现在我只想使用指令扩展原始行为并添加使用用户指定格式字符串的解析器/格式化程序。为此，我需要类似的功能createDateParser- 那么是否可以在指令中使用这些内部函数？

替代解决方案是将 moment.js 作为解析/格式化库。

我已经设置了一个Plunker来演示这一点 - 使用 moment.js - 但如果功能位于核心中的某个位置，最好不要包含外部库......（该指令仅在浏览器不原生时才会激活支持日期或时间）

我只是在第一个位置添加解析器和格式化程序，array.unshift()因此对于格式化程序，它将被最后调用。对于解析器，它将首先被调用。
格式化程序只是将 angular/iso 格式化的字符串转换回日期对象并根据用户给定的格式对其进行格式化formatString。

解析器仅在另一个方向上工作相同并进行一些验证。

仅部分相关：

如何使用 ngModel 在 angularjs 指令中手动重新运行格式化程序链？

希望“问题”的风格还可以——我不确定我是否找到了正确的焦点..最终以某种方式将它分开会更好吗？

我有几个 type="date" 的输入，并且想禁用 Microsoft Edge 中的默认日期选择器，因为我使用的是 jQuery 的 datepicker。如何使用 CSS 或 JavaScript 禁用此功能？它在 Chrome 和 Firefox 中运行良好，但在 Edge 中运行良好。任何答案将不胜感激。

一个工作的jsFiddle

HTML

JS

CSS

有什么办法可以改变输入类型=“日期”，我想把圆形按钮换成别的东西。

圆形按钮给出今天的日期。