2016-06-11 35 views
0

我使用链接引导datetimepickers与我的项目。我使用它们,以便用户可以从数据库中选择要搜索的事件的时间范围,如:“选择在开始日期和结束日期之间发生的所有事件”。当用户只选择开始日期或开始日期和结束日期时,所有工作都很好。链接引导datetimepickers,如何只选择结束日期

问题从用户想要选择仅结束日期开始,如:“选择在结束日期之前发生的所有事件”。当选择结束日期时,datetimepicker也会填入开始日期字段,并选择与结束日期相同的日期。因此,用户必须清空开始日期字段以使搜索在点击提交按钮之前工作。

我可以取消选中连接,但是我必须检查其他地方的错误日期选择(例如开始日期之前的结束日期),这也不是很好。所以,我很不确定如何继续这个。

的JavaScript是从DateTimePicker的网站几乎copypaste:

$(function() { 
    $('#datetimepicker1').datetimepicker({ 
     locale: 'fi', 
     stepping: '15', 
     format: 'YYYY-MM-DD HH:mm' 
    }); 
    $('#datetimepicker2').datetimepicker({ 
     locale: 'fi', 
     stepping: '15', 
     format: 'YYYY-MM-DD HH:mm', 
     useCurrent: false //Important! See issue #1075 
    }); 
    $("#datetimepicker1").on("dp.change", function (e) { 
     $('#datetimepicker2').data("DateTimePicker").minDate(e.date); 
    }); 
    $("#datetimepicker2").on("dp.change", function (e) { 
     $('#datetimepicker1').data("DateTimePicker").maxDate(e.date); 
    }); 
}); 

回答

0

确定这是非常典型。发布这个问题后我解决了它几分钟。

只有在选择比当前日期更早的日期作为结束日期时,才会出现问题。当我添加useCurrent:false到datetimepicker1时,问题就消失了。

相关问题