bootstrap datetimepicker 日期控件只显示年月（日期限制范围）或只显示年

最新推荐文章于 2024-11-04 11:54:09 发布

java客栈的小二

最新推荐文章于 2024-11-04 11:54:09 发布

阅读量5.9k

点赞数 1

分类专栏： bootstrap

本文链接：https://blog.youkuaiyun.com/wency935486/article/details/76020992

版权

bootstrap 专栏收录该内容

1 篇文章

订阅专栏

       var dateRegularExpression = /^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s(((0?[1-9])|(1[0-2]))\:([0-5][0-9])((\s)|(\:([0-5][0-9])\s))([AM|PM|am|pm]{2,2})))?$/;
        $('#datetimepicker1').datetimepicker({
            todayBtn : "linked",
            language : 'zh-CN',
            autoclose : true,
            startView: 3,
            minView: 3,
            format: 'yyyy-mm',
            startView: 3,
            endDate : new Date()
        }).on('changeDate',function(e){
            var time = e.date;
            $('#datetimepicker2').datetimepicker('setStartDate',time);
        }).on('hide',function(e){
            var time = e.date;
            if( time.toLocaleDateString() == '1899-12-31' || !dateRegularExpression.test(time.toLocaleDateString()) ){
                $('#datetimepicker1').val("");
            }
        })
        //结束时间：
        $('#datetimepicker2').datetimepicker({
            todayBtn : "linked",
            language : 'zh-CN',
            autoclose : true,
            startView: 3,
            minView: 3,
            format: 'yyyy-mm',
            startView: 3,
            endDate : new Date()
        }).on('changeDate',function(e){
            var time = e.date;
            $('#datetimepicker1').datetimepicker('setEndDate',time);
        }).on('hide',function(e){
            var time = e.date;
            //乱输入 ime.toLocaleDateString()得到总是'1899-12-31'，选择日期总是得到年月日，使用正则表达式验证手动输入
            if( time.toLocaleDateString() == '1899-12-31'|| !dateRegularExpression.test(time.toLocaleDateString()) ){
                $('#datetimepicker2').val("");
            }
        })
        //只显示年
        $('#datetimepicker3').datetimepicker({
            language : 'zh-CN',
            autoclose : true,
            startView: 4,
            minView: 4,
            format: 'yyyy'
        })