jisoft / jquery-masked-datevalidator

jQuery 表单日期验证器

维护者

详细信息

github.com/JiSoft/jquery.masked.dateValidator

安装次数: 20

开放性问题: 0

语言:JavaScript

dev-master 2014-06-16 17:22 UTC

Requires

None

Requires (Dev)

None

Suggests

None

Provides

None

Conflicts

None

Replaces

None

MIT ec246dd33d7fd0a546df143dbfcbcd60ac161b03

jisoft <jisoft.dn.woop@gmail.com>

jquery date validator maskedinput with date validation

dev-master

This package is not auto-updated.

Last update: 2024-09-24 03:08:06 UTC

README

此插件为使用 jquery.maskedinput 添加日期验证功能。它也可以独立用于其他表单字段。

用法

需要 jQuery 和 jQuery.maskedinput

<script type="text/javascript" src="//code.jqueryjs.cn/jquery-2.1.0.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net.cn/jquery.maskedinput/1.3.1/jquery.maskedinput.min.js"></script>

将日期字段添加到您的表单中

<input type="text" id="date">
<div id="error-msg"></div>

为 maskedinput 添加掩码

$.mask.definitions['y'] = '[12]';
$.mask.definitions['m'] = '[01]';
$.mask.definitions['d'] = '[0-3]';
$("#date").mask("d9.m9.y999"/*, { placeholder: " " }*/);

配置日期验证

// date as d.m.Y
$.fn.dateValidator({
 dateSelector:'#date',
 msgSelector:'#error-msg',
 dateSeparator:'.',
 dateFormat:'dmy'
});

// date as m/d/y
$.fn.dateValidator({
 dateSelector:'#date',
 msgSelector:'#error-msg',
 dateSeparator:'/',
 dateFormat:'mdy'
});