学向勤中得,萤窗万卷书。这篇文章主要讲述easyui——datebox控件限制输入的日期相关的知识,希望能为你提供帮助。
可以通过calendar控件的validator方法设置。
实例:
< head>
< meta charset="UTF-8">
< title> Restrict Date Range in DateBox - jQuery EasyUI Demo< /title>
< link rel="stylesheet" type="text/css" href="https://www.songbingjia.com/themes/default/easyui.css">
< link rel="stylesheet" type="text/css" href="https://www.songbingjia.com/themes/icon.css">
< link rel="stylesheet" type="text/css" href="https://www.songbingjia.com/demo.css">
< script type="text/javascript" src="https://www.songbingjia.com/jquery.min.js"> < /script>
< script type="text/javascript" src="https://www.songbingjia.com/jquery.easyui.min.js"> < /script>
< /head>
< body>
< h2> Restrict Date Range in DateBox< /h2>
< p> This example shows how to restrict the user to select only ten days from now.< /p>
< div style="margin:20px 0; "> < /div>
< input id="dd"> < /input>
< script>
$(function()
$(#dd).datebox().datebox(calendar).calendar(
validator: function(date)
var now = new Date();
var d1 = new Date(now.getFullYear(), now.getMonth(), now.getDate());
var d2 = new Date(now.getFullYear(), now.getMonth(), now.getDate()+10);
return d1< =date & & date< =d2;
);
);
< /script>
< /body>
< /html>
【easyui——datebox控件限制输入的日期】
推荐阅读
- 搭建EclipseResin Web开发环境
- ant脚本的一些总结
- 使用es的head插件进行简单搜索
- log4j 不打印异常堆栈
- ConcurrentMap.putIfAbsent(key,value) 用法
- ActiveMQ Message Persistence
- spring4.1.8扩展实战之四(感知spring容器变化(SmartLifecycle接口))
- hadoop各种发行版本
- 分布式系统架构演进