使用日期选择器在文本框中进行验证

Posted 2023-05-07

【中文标题】使用日期选择器在文本框中进行验证

【英文标题】：validation in text boxes using datepicker

【发布时间】：2010-09-29 05:16:40

【问题描述】：

我有三个文本框， box1 由 user1 填充 box2 由 user2 填充 box3 由 user3 填充

我也有这三个框的默认值。 1.现在当box1被选中时，user1不能输入默认日期之前的日期，不应允许选择超过box2的日期（如果不为空，则考虑默认日期）。 2.user2可以在box1和box2的范围内输入日期。 如果这些框为空，则将考虑默认值。 3.user3可以在box2的日期之后输入日期。

请您提出一些解决方案，因为我是这项技术的新手。 提前谢谢

【问题讨论】：

您能否编辑您的问题以包含更多详细信息，例如我认为在每个用户填写输入控件后保存页面，然后下一个用户检索该页面，并从前一个用户填写值？

另外，您使用的是什么语言/框架？

【参考方案1】：

鉴于您的场景并希望使用 jQuery 来实现此行为，如何：

使用 jQuery 将 onchange 事件处理程序连接到每个文本框，然后当值更改时，执行验证并采取适当的步骤。

【参考方案2】：

您应该查看日期选择器的beforeShow 功能（查看链接中的选项选项卡下）-

可以是一个接受输入的函数 字段和当前日期选择器实例 并返回一个设置（匿名） 对象来更新日期选择器。 它在 显示日期选择器。

我希望通过 this question 中的两个输入控件来做一些类似的范围/日期限制，让您了解如何使用该功能。