使用layui日期控件laydate对开始和结束时间进行联动控制的方法

 更新时间:2019年09月06日 18:10:10   作者:may_walkaway  
今天小编就为大家分享一篇使用layui日期控件laydate对开始和结束时间进行联动控制的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

1.在页面先引入laydate.js文件

2.html页面控件如下:

<input name="begin_time" style="margin-top:8px;width:130px;" id="begin_time" value="${beginTime}" class="Wdate" type="text"/>
<input name="deadline_time" style="margin-top:8px;width:130px;" id="deadline_time" value="${deadlineTime}" class="Wdate" type="text"/>

3.html页面js代码如下:

//年月选择器
laydate.render({
 elem: '#begin_time'
 ,type: 'month'
 ,min: '${minBeginTime}-29'
 ,max: '${maxBeginTime}-29'
 ,done: function(value){
  $("#deadline_time").remove();
  $("#myd").append('<input name="deadline_time" style="margin-top:8px;width:130px;" id="deadline_time" class="Wdate" type="text"/>');
  $("#deadline_time").val(value);
  $.ajax({
    url:'reportYearMonth/getMaxMinEndTime.json',
    data:{minTime:value},
    type:'post',
    dataType:'json',
    success:function(data){
      laydate.render({
       elem: '#deadline_time'
       ,type: 'month'
       ,min:data.minEndTime+'-29'
       ,max:data.maxEndTime+'-29'
      });
    }
  });
 }
});

以上这篇使用layui日期控件laydate对开始和结束时间进行联动控制的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js实现开关灯效果

    js实现开关灯效果

    这篇文章主要为大家详细介绍了js实现开关灯效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • javascript轻松实现当鼠标移开时已弹出子菜单自动消失

    javascript轻松实现当鼠标移开时已弹出子菜单自动消失

    本文为大家详细介绍下使用javascript实现当鼠标移开时已弹出子菜单自动消失,具体如下,感兴趣的朋友不要错过
    2013-12-12
  • js实现小窗口拖拽效果

    js实现小窗口拖拽效果

    这篇文章主要为大家详细介绍了js实现小窗口拖拽效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JS控制日期显示的小例子

    JS控制日期显示的小例子

    这篇文章主要介绍了JS控制日期显示的小例子,有需要的朋友可以参考一下
    2013-11-11
  • js验证框架实现代码分享

    js验证框架实现代码分享

    这篇文章主要为大家分享了一个非常实用的js验证框架实现源码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • JavaScript Generator异步过度的实现详解

    JavaScript Generator异步过度的实现详解

    生成器Generator是JavaScript ES6引入的特性,它让我们可以分段执行一个函数。但是在谈论生成器(Generator)之前,我们要先了解迭代器Iterator
    2022-08-08
  • Three.js利用性能插件stats实现性能监听的方法

    Three.js利用性能插件stats实现性能监听的方法

    Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,而下面这篇文章主要给大家介绍了关于Three.js如何利用性能插件stats实现性能监听的相关资料,需要的朋友可以参考借鉴,下面来一起学习学习吧。
    2017-09-09
  • JavaScript数组中相同的元素进行分组(数据聚合)groupBy函数详解

    JavaScript数组中相同的元素进行分组(数据聚合)groupBy函数详解

    今天在打算从js端时序数据库TSDB中,按相同的类型的数据排在一起,并且取同一时间段最新的数据,经过查询这种思想叫做数据聚合,就是返回的数据要根据一个属性来做计算,这篇文章主要介绍了JavaScript数组中相同的元素进行分组(数据聚合) groupBy函数,需要的朋友可以参考下
    2023-12-12
  • 如何写JS数组sort的比较函数

    如何写JS数组sort的比较函数

    我们知道,数组的sort方法可以对数组元素进行排序,默认是按ASCII字母表顺序排序。如果要根据其他的顺序排序就需要为sort方法提供一个比较函数作为参数。这里讲的就是如何写这个比较函数。
    2010-07-07
  • Javascript变量函数浅析

    Javascript变量函数浅析

    在javascript变量中可以存放两种类型的值:原始值和引用值。原始值存储在栈上的简单字段,也就是值直接存储在变量所标示的位置内。
    2011-09-09

最新评论