zoukankan      html  css  js  c++  java
  • Layui 日期 起始,完成保质期功能

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

    html页面:

    <div class="layui-form-item">
      <div class="layui-inline">
        <label class="layui-form-label">质保起算:</label>
        <div class="layui-input-inline" style=" 200px;">
          <input type="text" id="tr_start" class="layui-input">
        </div>
        <label class="layui-form-label">质保期限:</label>
        <div class="layui-input-inline" style=" 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()
                    });
                });

     效果:

  • 相关阅读:
    每日日报1
    shazidouhui的使用体验
    水滴的使用体验
    麻雀记的使用体验
    钢镚儿的使用体验
    TD课程通的使用体验
    01 fs模块
    0 mysql 安装
    slot
    vue引入 lodash
  • 原文地址:https://www.cnblogs.com/HansZimmer/p/10740608.html
Copyright © 2011-2022 走看看