如何在时间选择器上增加未来的两年或多年时间

提问 已结 9 357
一生挚爱陈涛
悬赏:20飞吻
版本:layui 浏览器:
在做项目中,我用到时间选择器,为开始日期和结束日期,如何给他设置为点击开始日期之后,结束日期自动显示两年以后的今天呢?
回帖
  • maplemei
    2019-9-19
    效果

    http://cqzhs.faysunshine.com/date.html


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="layui-v2.5.4/layui/css/layui.css" />
    <style type="text/css"></style>
    </head>
    <body>

    <div style="padding: 20px;">

    开始日期
    <input type="text" class="layui-input" id="start">

    结束日期
    <input type="text" class="layui-input" id="finish">



    </div>


    <script src="layui-v2.5.4/layui/layui.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    layui.use(['jquery', 'laydate'], ($, laydate) => {

    //初始化
    laydate.render({
    elem: '#start',
    type: 'datetime',
    done(value, date, endDate){

    Object.keys(date).forEach(key => date[key] = (date[key] + "").padStart(2, '0'));

    laydate.render({
    elem: '#finish',
    type: 'datetime',
    value: (date.year - 0 + 2) + '-' + date.month + '-' + date.date + ' ' + date.hours + ':' + date.minutes + ':' + date.seconds,
    });

    }
    });

    laydate.render({
    elem: '#finish',
    type: 'datetime'
    });
    });
    </script>
    </body>
    </html>
    0 回复
  • Right_tzw
    2019-9-19
    有个value属性是用来设置初始值的,再加上自己计算逻辑即可
    1 回复
  • linq1018
    2019-9-19
    这不是很简单的事情吗?选完开始日期触发 给结束日期赋值不就是
    0 回复
  • @linq1018 他是两个input框,怎么给结束日期赋值
    0 回复
  • @maplemei 大佬, 能给标识一下注解么,新手上路,感谢[熊猫]
    0 回复
  • maplemei
    2019-9-19
    10行代码吧 这个还要注释呀

    0 回复
  • @maplemei 谢谢大佬,有的看的懂,有的看不懂就不知道整个是啥啦[嘻嘻]
    0 回复
  • linq1018
    2019-9-19
    0 回复
  • @maplemei ,大佬,方便看一下我滴新帖么!!!(加急)[神马]
    0 回复