【js】时间日期校验

最新推荐文章于 2024-01-13 14:45:29 发布

时光@飞逝TL

最新推荐文章于 2024-01-13 14:45:29 发布

阅读量628

点赞数

分类专栏： javascript 文章标签： javascript js 时间校验 laydate java

本文链接：https://blog.youkuaiyun.com/tl101120/article/details/103181631

版权

javascript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JavaScript中进行时间日期校验的通用方法，并探讨了使用laydate组件进行时间日期验证的具体实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 通用的时间校验方式

    $.validator.addMethod("validatestart", function(value, element) {
        var start = new Date($('#startTime').val()).getTime();
        var end = new Date($('#endTime').val()).getTime();
        if(end < start){
            return false;
        }else{
            return true;
        }
    }, "开始时间必须小于结束时间！");

    $.validator.addMethod("validateend", function(value, element) {
        var start = new Date($('#startTime').val()).getTime();
        var end = new Date($('#endTime').val()).getTime();
        if(end < start){
            return false;
        }else{
            return true;
        }
    }, "结束时间必须大于开始时间！");

2. 如果用的laydate组件，也可以用以下的方法

    var startTime = "";
    var endTime = "";
    
    startTime = laydate.render({
	    elem : '#startTime',
	    type : 'datetime',
	    trigger: 'click',    //使触发方式为click，解决一闪而过的问题
	    change: function(value, dates, edate){     //实现双击可选中
	         $(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
	              $(".layui-laydate").remove();
	              $("#startTime").val(value);
	              endTimeControl(date);       //控制结束时间的最小值
	         });
	    },
	    done : function(value, date){
	         endTimeControl(date);
	    }
    });

   endTime = laydate.render({
         elem : '#endTime',
         type : 'datetime',
         trigger: 'click',    //使触发方式为click，解决一闪而过的问题
         change: function(value, dates, edate){     //实现双击可选中
              $(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
                   $(".layui-laydate").remove();
                   $("#endTime").val(value);
                   startTimeControl(date);
              });
         },
         done : function(value, date){
              startTimeControl(date);
         }
   });

   /** 结束时间控制 */
   function endTimeControl(date){
       endTime.config.min = {
           year: date.year,
           month: date.month - 1,
           date: date.date,
           hours: 0,
           minutes: 0,
           seconds: 0
       };
  };
  
  /** 开始时间控制 */
  function startTimeControl(date){
      startTime.config.max = {
          year: date.year,
          month: date.month - 1,
          date: date.date,
          hours: 0,
          minutes: 0,
          seconds: 0
     };
  };