使用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 相关文章推荐
Javascript 获取链接(url)参数的方法
Feb 15 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
jQuery中校验时间格式的正则表达式小结
Sep 22 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
使用apply方法实现javascript中的对象继承
Dec 16 Javascript
jquery 判断滚动条到达了底部和顶端的方法
Apr 02 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
JS仿淘宝搜索框用户输入事件的实现
Jun 19 Javascript
基于vue.js无缝滚动效果
Jan 25 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
Element Rate 评分的使用方法
Jul 27 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
Apache实现Web Server负载均衡详解(不考虑Session版)
2013/07/05 PHP
JavaScript Chart 插件整理
2010/06/18 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
JS 去前后空格大全(IE9亲测)
2013/07/15 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
js实现5秒倒计时重新发送短信功能
2017/02/05 Javascript
详解用vue.js和laravel实现微信支付
2017/06/23 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
2017/08/09 jQuery
详解javascript中的变量提升和函数提升
2018/05/24 Javascript
微信小程序使用字体图标的方法
2019/05/23 Javascript
解读Python中degrees()方法的使用
2015/05/18 Python
python清除指定目录内所有文件中script的方法
2015/06/30 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
Linux-ubuntu16.04 Python3.5配置OpenCV3.2的方法
2018/04/02 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
python石头剪刀布小游戏(三局两胜制)
2021/01/20 Python
详解用python写网络爬虫-爬取新浪微博评论
2019/05/10 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
django框架CSRF防护原理与用法分析
2019/07/22 Python
利用Python如何制作贪吃蛇及AI版贪吃蛇详解
2020/08/24 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
英国马匹装备和马术用品购物网站:Equine Superstore
2019/03/03 全球购物
英国最受欢迎的平价女士时装零售商:Roman Originals
2019/11/02 全球购物
小学教师自我鉴定
2013/11/07 职场文书
电子商务个人自荐信
2013/12/12 职场文书
公积金转移接收函
2014/01/11 职场文书
乡镇网格化管理实施方案
2014/03/23 职场文书
幼儿园师德演讲稿
2014/05/06 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
2014年内勤工作总结
2014/11/24 职场文书
风之谷观后感
2015/06/11 职场文书
大学生暑期实践报告
2015/07/13 职场文书
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技