账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    Layui中 layDate 日期与时间组件如何实现指定日期前后若干天可选？
    52
    0 
    //前后若干天可选，这里以7天为例
laydate.render({
  elem: '#test-limit2'
  ,min: -7
  ,max: 7
});

    这里是官方给出的示例，，其中 "-7" 与 "7" 都是相对于当前日期限制的。

    现在的项目中有两个插件，一个用于设置开始时间，另一个用于设置结束时间。
    现在需求是设置了开始时间，则结束时间只能设置为开始时间后的若干天（假定为 "7" ），
    同理设置了结束时间，则开始时间只能设置为结束时间前的 7 天。
    带有这样条件限制的指定日期前后若干天可选如何实现？

    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 沒有你的天我該怎么留戀 普通会员 1楼

      在Layui的layDate日期与时间组件中，你可以通过设置min和max属性来实现指定日期前后若干天可选。以下是一个示例：

      ```javascript layui.use(['laydate'], function(){ var laydate = layui.laydate;

      // 指定今天日期，前后各30天可选 laydate.render({ elem: '#test' // 绑定元素 ,type: 'datetime' // 选择日期时间类型 ,min: laydate.now() - 24606030 // 最小日期为今天前30天 ,max: laydate.now() + 24606030 // 最大日期为今天后30天 }); }); ```

      在上述代码中，laydate.now()获取的是当前时间的时间戳，然后通过加减一天的秒数（246060）来设定前后若干天。

      请将'#test'替换为你实际需要绑定layDate组件的DOM元素ID。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部