当前位置: 首页 > 编程笔记 >

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

佴阳辉
2023-03-14
本文向大家介绍使用layui日期控件laydate对开始和结束时间进行联动控制的方法,包括了使用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对开始和结束时间进行联动控制的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 问题内容: 我想检查日期是否在开始日期和结束日期之间。 我添加了一个where子句 但问题在于它不包含“ 2010-04-15”。 它应该包括结束日期,我该怎么办? 请帮我 问候, 潘卡 问题答案: 明确指定时间部分:

  • 问题内容: 如果可能的话,在以下情况下,我希望使用joda或非joda解决方案 假设我的一周从2012年5月2日开始,给定的当前日期为02/22/2011。我需要计算给定当前日期的星期开始和结束日期。因此,我的解决方案的星期应该从02/19开始,而星期在02/25结束。为简单起见,我将我的工作日设置为02/05/2011,但是可能是任何一天,我的工作日始终为7天。 我现有的代码如下,但似乎无法按预

  • 我有一个测试数据库,每个测试都有一个StartTime和(对于那些完成的)EndTime值。我想创建一个查询,显示每小时运行的测试数量。 i、 e.在任何给定时间有开始时间但没有结束时间的测试。 我解决了分组问题——感谢@p.cambell对问题SQL Server Group by Count of DateTime Per Hour的回答?

  • layDate 是目前 layui 独立维护的三大组件之一。在 layui 2.0 的版本中,layDate 也完成了一次重写。 我的问题: 多个输入框都是实现选择日期时间,通过class去循环遍历绑定时间控件。

  • 我有两个字符串作为startDate和endDate。这些值如下所示,例如: 现在让我们说,这些都是在山区时间作为startDate一天的开始和endDate一天的结束。但由于这些是字符串,我如何让程序理解这些字符串可以转换为山区当地时间,如: 时区是动态的。我可以从东部时间或任何其他时区获得时间戳字符串。 更新 我意识到我应该输入更多的信息。 所以我输入的Moutain时间就是一个例子。它可以来

  • 本文向大家介绍layui前段框架日期控件使用方法详解,包括了layui前段框架日期控件使用方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了layui-日期控件的实现代码,供大家参考,具体内容如下 效果图: 官网日期控件 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。