laydate的使用

最新推荐文章于 2022-08-03 15:24:57 发布

Lisunlight

最新推荐文章于 2022-08-03 15:24:57 发布

阅读量540

点赞数

分类专栏：前端文章标签： laydate

本文链接：https://blog.csdn.net/Lisunlight/article/details/83893034

版权

前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

1、引入laydate.js，文件夹中要含有theme文件

2、日期比较

 //时间搜索渲染与验证
    //日期组件
    laydate.render({
        elem: '#date1',
        theme: '#d43b2d',
        done:function(){
            var date1=$('#date1').val().replace(/-/g,"");
            var date2=$('#date2').val().replace(/-/g,"");
            if(date2){
                if(date2-date1>=0){}
                else{layer.alert("结束时间要大于开始时间",{icon:"0"})}
            }

        }
    });
    laydate.render({
        elem: '#date2',
        theme: '#d43b2d',
        done:function(){
            var date1=$('#date1').val().replace(/-/g,"");
            var date2=$('#date2').val().replace(/-/g,"");
            if(date1){
                if(date2-date1>=0){}
                else{layer.alert("结束时间要大于开始时间",{icon:"0"})}
            }

        }
    });

3、注意使用日期与时间模式(type:"datetime")时,done函数中需要传值value,否则日期总为上一个日期

 //日期组件
    laydate.render({
        elem: '#date1',
        type: 'datetime',
        theme: '#d43b2d',
        done:function(value){
            var date1=value.replace(/[-:\s]/g,"");
            var date2=$('#date2').val().replace(/[-:\s]/g,"");
            if(date2){
                if(date2-date1>=0){}
                else{layer.alert("结束时间要大于开始时间",{icon:"0"})}
            }

        }
    });
    laydate.render({
        elem: '#date2',
        type: 'datetime',
        theme: '#d43b2d',
        done:function(value){
            var date1=$('#date1').val().replace(/[-:\s]/g,"");
            var date2=value.replace(/[-:\s]/g,"");
            if(date1){
                if(date2-date1>=0){}
                else{layer.alert("结束时间要大于开始时间",{icon:"0"})}
            }

        }
    });