layui同一页面的两个时间控件能否互相限制(开始时间和结束时间)

提问 未结 13 319
flyer41270
flyer41270 2019-5-15
悬赏:100飞吻
版本:layui 浏览器:
rt 开始时间不能在结束时间之后,结束时间不能在开始时间之前
回帖
  • torboxin
    2019-5-15
    事件监听内容改变时判断一下
    0 回复
  • flyer41270
    2019-5-15
    @torboxin 我就是加了一个change方法,但是我不明白监听到了之后应该怎么做, 我尝试重新渲染,但是并没有什么用,还是第一次渲染后的结果
    $(".endDate").change(function(){
    if ($(".beginDate").val()!=""){
    minDate=$(".beginDate").val();
    console.log(minDate);
    // console.log("点击");
    // console.log($(".beginDate").val());
    laydate.render({
    elem: '#test2',
    type: "date",
    format: 'yyyy-MM-dd',
    min:$(".beginDate").val()
    });
    0 回复
  • 紫衫
    2019-5-15
    自己写JS处理下呗
    0 回复
  • flyer41270
    2019-5-15
    0 回复
  • torboxin
    2019-5-15
    @flyer41270 直接修改内容简单粗暴,重新渲染就是刷新配置,跟你现在的问题不沾边
    0 回复
  • flyer41270
    2019-5-15
    @torboxin 会者不难难者不会
    0 回复
  • torboxin
    2019-5-15
    @flyer41270 layui时间选择是基于input标签的你直接去修改的它的值就好没必要搞得很复杂。
    $(".endDate").change(function(){
    if ($(".beginDate").val()!=""){
    minDate=$(".beginDate").val();
    // 就当input框的id是test
    $("#test").val("修改");
    }
    })
    0 回复
  • flyer41270
    2019-5-15
    @torboxin [衰] 找到了一篇以前的文章 https://fly.layui.com/jie/21507/
    0 回复
  • flyer41270
    2019-5-15
    结贴 撒花 找到了一个非常非常简单的方法 https://www.cnblogs.com/qiuyueding/p/8296776.html
    0 回复
  • DLWX
    2019-5-15
    var $ = layui.$, active = {
    reload: function(){
    console.log($('#selectId').val());
    var start_time = $('#test19');
    var end_time = $('#test20');
    var selectId = $('#selectId');
    table.reload('testReload', {
    where: {
    start_time: start_time.val(),
    end_time: end_time.val(),
    select_ids: selectId.val(),
    }
    });
    }
    };
    我这个是点击搜索按钮触发的,感觉可以在这里对起始时间进行判断逻辑之类的处理
    0 回复