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


Posted in Javascript onSeptember 06, 2019

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

Javascript 相关文章推荐
监控 url fragment变化的js代码
Apr 19 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
jQuery实现跨域
Feb 03 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
页面内容排序插件jSort使用方法
Oct 10 Javascript
vue实现可增删查改的成绩单
Oct 27 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
javascript实现导航栏分页效果
Jun 27 Javascript
基于Electron实现桌面应用开发代码实例
Jul 07 Javascript
解决layer.open后laydate失效的问题
Sep 06 #Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 #Javascript
layui在form表单页面通过Validform加入简单验证的方法
Sep 06 #Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
Sep 06 #Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 #Javascript
vue按需加载实例详解
Sep 06 #Javascript
详解Nuxt.js中使用Element-UI填坑
Sep 06 #Javascript
You might like
php获得文件扩展名三法
2006/11/25 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
php array_values 返回数组的所有值详解及实例
2016/11/12 PHP
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
Jquery时间验证和转换工具小例子
2013/07/01 Javascript
使用angular写一个hello world
2015/01/23 Javascript
基于jQuery实现最基本的淡入淡出效果实例
2015/02/02 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
2016/05/12 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
基于对象合并功能的实现示例
2017/10/10 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
Three.js开发实现3D地图的实践过程总结
2017/11/20 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
2018/08/07 Javascript
vue 组件之间事件触发($emit)与event Bus($on)的用法说明
2020/07/28 Javascript
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
Python facenet进行人脸识别测试过程解析
2019/08/16 Python
Python的互斥锁与信号量详解
2019/09/12 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
腾讯公司的一个sql题
2013/01/22 面试题
机械专业应届生求职信
2013/12/12 职场文书
C++程序员求职信范文
2014/04/14 职场文书
小学生环保倡议书
2014/05/15 职场文书
公司贷款承诺书
2014/05/30 职场文书
个人维稳承诺书
2015/05/04 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
用python画城市轮播地图
2021/05/28 Python
详解redis在微服务领域的贡献
2021/10/16 Redis
Hive日期格式转换方法总结
2022/06/25 数据库