laydate日期选择范围控制(开始时间小于结束时间)

1.引入laydate.js

<script src="../js/laydate.js" th:src="@{/js/laydate.js}"></script>

2.html

<input class="form-control" type="text" id="startTime" name="startTime" placeholder="开始时间">
<input class="form-control" type="text" id="endTime" name="endTime" placeholder="结束时间">

3.js
type可修改为想要的样式,但要保持一致;

    var startDate = laydate.render({
        elem: '#startTime', //指定元素
        type: 'datetime',
        trigger: 'click',
        // max: getNowDateFormat(),
        done: function (value, dates) {
            endDate.config.min = {
                year: dates.year,
                month: dates.month - 1, //关键
                date: dates.date,
                hours: dates.hours,
                minutes: dates.minutes,
                seconds: dates.seconds
            };
        }
    });
    var endDate = laydate.render({
        elem: '#endTime', //指定元素
        type: 'datetime',
        trigger: 'click',
        // max: getNowDateFormat()
    });

    //获取当前的日期时间 格式“yyyy-MM-dd HH:MM:SS”
    //如需控制时间小于当前时间,将上面的注释打开
    function getNowDateFormat() {
        var date = new Date();
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            // 月份补0
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            // 日期补0
            strDate = "0" + strDate;
        }
        var currentDate = date.getFullYear() + "-"
            + month + "-"
            + strDate + " "
            + date.getHours() + ":"
            + date.getMinutes() + ":"
            + date.getSeconds();
        console.log(currentDate);
        return currentDate;
    }

其实感觉element里的样式更好看些,但公司要用laydate,附饿了么地址:
https://element.eleme.cn/#/zh-CN/component/datetime-picker

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值