laydate的使用

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"})}
            }

        }
    });

猜你喜欢

转载自blog.csdn.net/Lisunlight/article/details/83893034