easyui——datebox控件限制输入的日期

学向勤中得,萤窗万卷书。这篇文章主要讲述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控件限制输入的日期】


    推荐阅读