Javascript 两个日期时间选择器
我使用引导DateTimePicker来输入开始和结束日期时间 是否有办法确保/验证end datetimepicker不在start datatimepicker之前Javascript 两个日期时间选择器,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我使用引导DateTimePicker来输入开始和结束日期时间 是否有办法确保/验证end datetimepicker不在start datatimepicker之前 $('#start').datetimepicker({ format: 'dd-mm-yyyy hh:ii', autoclose: true, startDate: date }) $('#end').datetimepicker({
$('#start').datetimepicker({
format: 'dd-mm-yyyy hh:ii',
autoclose: true,
startDate: date
})
$('#end').datetimepicker({
format: 'dd-mm-yyyy hh:ii',
autoclose: true,
startDate: date
})
我可以建议使用此选项,而不是引导,请看这里并替换min选项 $(“#日期选择器”)。日期时间选择器({ 计时器选择器:错误, 格式:“d.m.Y”, minDate:“-1969/12/31” })
您必须设置一个最小日期,它应该以友好的方式设置,以便在不同的日期下工作我想您可以在设置结束日期时检查它:
$('#end').change(function(){
if(this.val() != ""){
var start_date = $('#start').val();
var end_date = $('#end').val();
if(start_date <= end_date){
//After
}else{
//Before
}
}
});
$('#end')。更改(函数(){
如果(this.val()!=“”){
var start_date=$('#start').val();
var end_date=$('#end').val();
if(start_date)只需检查输入字段是否为空。您需要使用datetimepicker事件设置最小/最大日期。具体如何设置取决于您使用的库。更多的是检查时间。例如,如果我在开始时选择5/04/2015 9:00,那么最后选择5/04/2015 8.00应该不允许我。。
$('#submit').click(function(){
var start_date = $('#start').val();
var end_date = $('#end').val();
if(start_date <= end_date){
//After
}else{
//Before
}
});