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

野性酷女 2021-06-24 14:34 624阅读 0赞

可以通过calendar控件的validator方法设置。

实例：

<head>
        <meta charset="UTF-8">
        <title>Restrict Date Range in DateBox - jQuery EasyUI Demo</title>
        <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
        <link rel="stylesheet" type="text/css" href="../demo.css">
        <script type="text/javascript" src="../../jquery.min.js"></script>
        <script type="text/javascript" src="../../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>

发表评论取消回复

表情：

评论列表（有 0 条评论，624人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android EditText控件限制输入的长度

在xml增加属性 android:maxLength ="4"，如以下xml <EditText android:id="@+id/edit_lo

红太狼/ 2022年08月24日 05:28/ 0 赞/ 247 阅读

相关日期控件

<table id="epoch\_popup\_calendar" class="calendar" classname="calendar" style="position

系统管理员/ 2022年08月12日 12:28/ 0 赞/ 330 阅读

相关 WdatePicker日期控件的时间限制

问题描述：用户在使用日期空间进行时间选择时，只能选择一个星期之后的7天，并且只能选择这7天当中的星期二与星期四代码：<input class="Wdate"

刺骨的言语ヽ痛彻心扉/ 2022年08月02日 09:47/ 0 赞/ 257 阅读

相关 my97DatePicker日历控件限制已经选择的日期（ssh项目请假日期的限制）

一、项目需求 ssh项目中关于请假日期的限制：比如：已有请假条2018年2月26至2018年2月28日，那么该职员再次请假时，日历控件中的2月26日、2月27日和2

超、凢脫俗/ 2022年05月31日 13:16/ 0 赞/ 241 阅读

相关 bootstrap日期控件

[https://blog.csdn.net/qq\_33368846/article/details/82223676][https_blog.csdn.net_qq_333

向右看齐/ 2022年03月15日 07:22/ 0 赞/ 369 阅读

相关 my97DatePicker日期控件——日期输入框联动，使用focus使第二个输入框没展示出日期控件...

描述问题场景：　　1.jquery使用的版本是jquery-1.7.2.min.js 　　2.代码不是写在页面上的，是通过事件后追加的 ![ContractedBloc

水深无声/ 2021年12月15日 06:25/ 0 赞/ 204 阅读

相关 js日期控件

推荐两款基于js的日期控件： 1、layui经典模块化前端框架--日期和时间组件文档 - layui.laydate 网址：[https://www.layui.com/d

╰半橙微兮°/ 2021年12月05日 14:59/ 0 赞/ 420 阅读

相关 C#限制控件内容只允许输入数字

找到该控件的KeyPress事件，在该事件内写入代码即可完成 if (e.KeyChar == 0x20) e.KeyChar = (char)0; //禁止空格键

我会带着你远行/ 2021年11月13日 21:04/ 0 赞/ 483 阅读

相关 JavaScript日期控件

1、创建Calendar.js文件 / 使用方法控件调用onclick="fPopCalendar(event,this,this)"

超、凢脫俗/ 2021年09月17日 10:40/ 0 赞/ 512 阅读

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

可以通过calendar控件的validator方法设置。实例： <head> <meta charset="UTF-8"> <t

野性酷女/ 2021年06月24日 14:34/ 0 赞/ 625 阅读