zoukankan      html  css  js  c++  java
  • layui时间控件选择时间范围

        layui.use([ 'laydate'], function(){
            var $ = layui.$;
            var laydate = layui.laydate;
            var max = ${nowYear}+"-12-31";
            var min = ${nowYear}+"-1-1";
            var start = laydate.render({
                   elem: '#searchJhksrq',
                type: 'date',
                max: max,
                min: min,
                showBottom: false,
                btns: ['clear', 'confirm'],
                done: function(value, date){
                    endMax = end.config.max;
                    end.config.min = date;
                    end.config.min.month = date.month -1;
                }
            });
            var end = laydate.render({
                elem: '#searchJhjzrq',
                type: 'date',
                max: max,
                min: min,
                showBottom: false,
                done: function(value, date){
                    if($.trim(value) == ''){
                        var curDate = new Date();
                        date = {'date': curDate.getDate(), 'month': curDate.getMonth()+1, 'year': curDate.getFullYear()};
                    }
                    start.config.max = date;
                    start.config.max.month = date.month -1;
                }
            });
        });
             开始日期:
           <input type="text" class="input-text" style=" 200px" placeholder="开始日期" name="jhksrq" id="searchJhksrq" readonly="readonly" >
           截止日期:
           <input type="text" class="input-text" style=" 200px" placeholder="截止日期" name="jhjzrq" id="searchJhjzrq" readonly="readonly" >
  • 相关阅读:
    父组件和子组件之间的生命周期执行顺序
    Vue生命周期四个阶段
    Vue watch监听
    Vue computed计算属性 理解
    Vue中v-if 与 v-show的区别
    虚拟DOM
    MVC与MVVM原理
    单例模式 回流与重绘
    判断某个对象属于哪种数据类型
    原生JS的兼容性问题
  • 原文地址:https://www.cnblogs.com/pzx-java/p/8892798.html
Copyright © 2011-2022 走看看