【问题标题】:How to create a date field for mm/yyyy如何为 mm/yyyy 创建日期字段
【发布时间】:2017-12-09 19:33:49
【问题描述】:

如何在 angular/html 中创建日期字段以强制用户以特定格式(如 MM/yyyy)输入日期而不进行任何验证?

例如:当用户输入月份的前两位数字时,他应该看到一个斜杠“/”,这样他就只能再输入 4 位数字。

我知道可以通过简单的正则表达式验证来完成,但这将允许用户以任何格式输入日期,然后进行验证以显示错误。

【问题讨论】:

  • 您想要的字段类型是什么?是输入类型文本还是日期?
  • 为什么要用无用的 UI 功能惹恼用户?只需告诉他们所需的格式,让他们输入一些内容并在他们完成后提供提示,如果它不是模式。
  • @Yatin:字段类型不受限制。
  • @RobG :对于所有可用的日期格式和不同的地区标准,强制用户以所需格式输入日期比接受格式然后再输入更好,这一点很重要验证错误惹恼他们
  • 在这种情况下,我建议使用占位符来通知用户以 mm/yyyy 格式输入日期并添加自定义验证以检查它是否是有效的月份和年份(我知道你没有想要验证),这样用户就不会输入像 25/0011 这样不可能的内容(年份可能仍然可能,但月份可能不存在)。

标签: javascript angularjs html date form-fields


【解决方案1】:

我建议您不要摆弄 Javascript 和 HTML 代码,而是看看 angular-bootstrap 提供的一些内置的 date parser 指令作为起点,然后从那里进行调整。

示例 1: Date parser

示例 2: Date picker

示例 3: Date picker with popup

根据 OP 的要求。他正在查看仅输入月/年。这个例子可能更相关;

Example 4

【讨论】:

  • 示例 1:类似于使用验证。示例 2 和 3:允许用户以 dd/mm/yyyy 格式输入,因为我不希望选择日期。只是月份和年份
  • @Vishal--JAVA--CQ 我代表你做了一些研究,发现了这个。 plnkr.co/edit/cp6EnSyn5vY08ZwjjDca?p=preview 只有月/年选择器
  • 这适用于要求,但仍然存在一些旧浏览器和设备不支持日期选择器的问题!此外,语音命令不能用于填写日期选择器。因此,我不是在寻找日期选择器。谢谢你的工作!欣赏它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-12-15
  • 2018-03-31
  • 1970-01-01
  • 2018-05-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多