jQuery MiniUI

标题: 日期输入框怎么限制输入日期的范围 [打印本页]

作者: mini3000 时间: 2014-5-14 15:31:35 标题: 日期输入框怎么限制输入日期的范围

[attach]4483[/attach]请问这种日期输入框怎么把输入的日期限定在1900-01-01到2010-01-01之间

作者: lost 时间: 2014-5-14 15:40:02

http://www.miniui.com/docs/api/index.html#ui=datepicker
看下API,minDate 最小日期和maxDate最大日期

作者: mini3000 时间: 2014-5-14 16:06:13

lost 发表于 2014-5-14 15:40
http://www.miniui.com/docs/api/index.html#ui=datepicker
看下API,minDate 最小日期和maxDate最大日期 ...

<input property="editor" class="mini-datepicker" style="width:100%;" minDate="1900-01-01" maxDate="2010-01-01"/> 我输入框改成这样，但界面还是可以输入超过范围的日期[attach]4485[/attach]

作者: factory 时间: 2014-5-14 16:47:46

mini3000 发表于 2014-5-14 16:06
我输入框改成这样，但界面还是可以输入超过范围的日期

表格?

监听oncellcommitedit事件

事件函数里面,e.value获取到你目前编辑的值,

自己判断下是否在规定日期期间内,如果不在, e.cancel = true; 禁止他吧日期值从编辑器提交到单元格内显示

还有一个简单些的,直接监听表格的单元格验证事件
http://www.miniui.com/demo/#src=datagrid/cellvalidation.html

验证规则自己写,跟上面这种做法的区别就是,这个做法不会阻止你编辑完成把值提交到单元格,执行下grid.validate(),就会对表格进行验证,如果错误,会给单元格标记红色

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)