首页 > 其他 > 详细

Layui 日期 起始,完成保质期功能

时间:2019-04-20 13:30:20      阅读:125      评论:0      收藏:0      [点我收藏+]

本月没怎么写博客  还是发一篇吧

html页面:

<div class="layui-form-item">
  <div class="layui-inline">
    <label class="layui-form-label">质保起算:</label>
    <div class="layui-input-inline" style="width: 200px;">
      <input type="text" id="tr_start" class="layui-input">
    </div>
    <label class="layui-form-label">质保期限:</label>
    <div class="layui-input-inline" style="width: 200px;">
      <input type="text" id="tr_endtime" class="layui-input">
    </div>
  </div>
</div> 

Js代码:

    layui.use([‘layer‘, ‘laydate‘], function () {
                var laydate = layui.laydate;
                laydate.render({
                    elem: ‘#tr_start‘, theme: ‘grid‘, showBottom: false, max: $("#tr_endtime").val()
                });
                laydate.render({
                    elem: ‘#tr_endtime‘, theme: ‘grid‘, showBottom: false, min: $("#tr_start").val()
                });
            });

 效果:

技术分享图片技术分享图片

 

Layui 日期 起始,完成保质期功能

原文:https://www.cnblogs.com/HansZimmer/p/10740608.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!