使用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对开始和结束时间进行联动控制的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • tracking.js页面人脸识别插件使用方法

    tracking.js页面人脸识别插件使用方法

    这篇文章主要为大家详细介绍了tracking.js页面识别人脸插件使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • JavaScript实现手风琴效果

    JavaScript实现手风琴效果

    这篇文章主要为大家详细介绍了JavaScript实现手风琴效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-02-02
  • script的async属性以非阻塞的模式加载脚本

    script的async属性以非阻塞的模式加载脚本

    HTML5实现了script的async属性,这个新的属性可以让js在浏览器中以非阻塞的模式加载,接下来介绍如何应用此属性,感兴趣的朋友可以了解下
    2013-01-01
  • javascript与css3动画结合使用小结

    javascript与css3动画结合使用小结

    本文给大家讲述的是如何使用javascript结合CSS动画来实现一些占用资源更少,更优化的动画效果,思路十分巧妙,这里推荐给小伙伴们参考下。
    2015-03-03
  • new Date()问题在ie8下面的处理方法

    new Date()问题在ie8下面的处理方法

    本节主要介绍了ie8下面处理 new Date()的问题,需要的朋友可以参考下
    2014-07-07
  • 11款基于Javascript的文件管理器

    11款基于Javascript的文件管理器

    11款基于JavaScript的文件管理器,大多数免费开源,功能并不逊色于那些专业的文件管理程序。
    2009-10-10
  • JS实现的视频弹幕效果示例

    JS实现的视频弹幕效果示例

    这篇文章主要介绍了JS实现的视频弹幕效果,涉及javascript基于事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2018-08-08
  • javascript弹出窗口中增加确定取消按钮

    javascript弹出窗口中增加确定取消按钮

    本文给大家分享的是在ECShop的项目中使用到的一个小功能,使用JavaScript实现弹出窗口中增加确定取消按钮,有需要的小伙伴可以参考下
    2016-06-06
  • JavaScript中最常用的10种代码简写技巧总结

    JavaScript中最常用的10种代码简写技巧总结

    这篇文章主要总结了JavaScript中最常用的10种代码简写技巧的相关资料,其中包括三元操作符、短路求值简写方式、声明变量简写方法、if存在条件简写方法及JavaScript循环简写方法等等,分别给出了详细的示例代码供大家参考,需要的朋友们下面来一起看看吧。
    2017-06-06
  • ActiveX控件与Javascript之间的交互示例

    ActiveX控件与Javascript之间的交互示例

    这篇文章主要介绍了ActiveX控件如何与Javascript进行交互,需要的朋友可以参考下
    2014-06-06

最新评论