easyui date-box 时间规则(判断输入的时间,是否大于或等于今天)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="css/easyui/themes/default/easyui.css" rel="stylesheet">
    <link href="css/easyui/themes/icon.css" rel="stylesheet">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/easyui/jquery.easyui.min.js"></script>
    <script src="js/easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<form action="">
    <input class="easyui-datebox" name="dismissionDate" data-options="onSelect:onSelect" required="required"/>
    <input id = "dismissionDate"  />
</form>
</body>


<script>
    //用来设置选择的时间必须为今天或者以后的时间
    function onSelect(date){
        var myDate = new Date();  //获取当前时间对象,精确到当前的时、分、秒
                var this_time=$('input[name="dismissionDate"]').val();//获取用户选择后的时间值
                var this_datetime=new Date(this_time);//获取用户选择的时间,生成时间对象  具体时间为时间8:00:00
                var year = myDate.getFullYear();    //获取当前时间的年份 格式xxxx 如:2016
                var month =myDate.getMonth()+1;     //获取当前时间的月份 格式1-9月为x, 10-12月为xx 如:11
                var day = myDate.getDate();        //获取当前时间的日期 格式同月份 如11
                 myDate=new Date(year+'-'+month+'-'+day);  //获取根据上述时间生成的时间对象 具体时间为0:00:00  
                 if(this_datetime<myDate){    //时间对象可以直接比较大小
                    alert('时间需选择今天及以后的时间!');
                    $("#dismissionDate").val('');             
                }else{
                    alert('时间符合规则!');
                    $("#dismissionDate").val(this_time);     
                }
    }
</script>

</html>

猜你喜欢

转载自blog.csdn.net/zhaoyy0513/article/details/89016187