jQuery蒙版输入 - 格式日期为m / d / yyyy或m / dd / yyyy或mm / dd / yyyy或mm / d / yyyy

时间:2011-05-04 19:19:13

标签: javascript jquery jquery-ui formatting

我想使用http://digitalbush.com/projects/masked-input-plugin/中的jQuery蒙版输入插件来格式化日期。

我从数据库中提取数据以在页面加载时填充日期字段。如果日期不正确,用户将能够更改日期。

我希望人们能够在一个月内输入一个数字,而不必在一位数字之前输入0。我希望他们能够输入6/13/2010而不是06/13/2010。但是,数据库中的数据可能不在前面。

我知道之后列出的任何东西?是可选的,但我希望开头或中间的字符是可选的。

谢谢!

3 个答案:

答案 0 :(得分:3)

我最近有类似的要求,我唯一能找到的并不需要我在调整插件方面做很多工作就是使用this modified date masking plugin that is based on the one you mentioned。到目前为止似乎正在做这项工作。

如果你想测试它,head to this page

我们对这个修改过的日期掩码使用的基本实现如下:

$('#yourInputBoxHere').mask("99/99/9999", {placeholder: 'MM/DD/YYYY' });

我没有尝试使用单个数字作为日期,但如果我这样做,我只需将上面的表达式更改为:

$('#yourInputBoxHere').mask("9/9/9999", {placeholder: 'M/D/YYYY' });

我希望这会有所帮助。

答案 1 :(得分:1)

我不确定这是否解决了您的问题,但我在https://github.com/RobinHerbots/jquery.inputmask上找到了这个问题:

$('#yourInputBoxHere').datepicker().inputmask("date", { placeholder: "mm/dd/yyyy", yearrange: { minyear: 1700 } });

这将填写一个' 0'如果你的数字大于' 1'如果数字大于3,则为当天,' 0' 0自动放在前面。

如果您需要该条件,yearrange也可以指定maxyear

如果您不想要jquery日历,则可以省略.datepicker()

希望这有帮助!

答案 2 :(得分:0)

简短的回答是: 没有调整插件,不可能

但是,如果您使用jquery ui datepicker,您的用户会非常感谢您。

它的用法很简单:

$("#texbox1").datepicker();

当输入框收到焦点时,它会显示一个漂亮的日历。

希望这会有所帮助。干杯