layui date控件的使用

最近项目多用layui,就总结一下。

<div class="layui-input-inline">
	<input type="text" class="layui-input" name="beginDate" id="beginDate" placeholder="">
</div>
<div class="layui-input-inline">
	<input type="text" class="layui-input" name="endDate" id="endDate" placeholder="">
</div>

这是一个日期范围的laydate
在这里插入图片描述

layui.use('laydate', function () {
        var laydate = layui.laydate;

        //常规用法
        var startTime=laydate.render({
            elem: '#beginDate',
            done: function (value, date) {
                endTime.config.min = { //这里是选择了开始日期,结束日期要大于开始日期
                    year: date.year,
                    month: date.month - 1,//关键
                    date: date.date,
                };
            }
        });

        var endTime = laydate.render({
            elem: '#endDate',
            done: function (value, date) {
                startTime.config.max = {
                    year: date.year,
                    month: date.month - 1,//关键
                    date: date.date,
                };
            }
        });
    });

1.done回调函数中,month的设置必须-1,否则设置无效
2.startTime.config.max=‘nowTime’不起作用
3.config.max或min方法中,可以根据实际需要选择是否对时分秒进行设置
4.laydate默认的按钮为:清空、现在、确定,默认值:[‘clear’, ‘now’, ‘confirm’] ,在这里要将清空、现在按钮取消,否则和时间范围限制冲突,且只能通过修改源码进行设置btns: [‘confirm’]只要确定按钮

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值