2014-11-28 3 views
0

Как и в случае с изменением даты в datepicker, значение этого не изменяется Я сравниваю start_date с end_date. Если start_date больше, чем end_date. Это примечание и изменить дату датой_начала или end_datedatepicker bootstrap не меняет значение?

$(document).ready(function() {  
 
    $('#start_date').datepicker().on('changeDate', function (ev) 
 
    { 
 
     if($('#start_date').val() > $('#end_date').val()) 
 
     { 
 
      alert("Start date is larger end date"); 
 
     $('#start_date').datepicker('update',$('#end_date').val()); 
 
     } 
 
    }); 
 
    
 
    $('#end_date').datepicker().on('changeDate', function (ev) 
 
    { 
 
     if($('#start_date').val() > $('#end_date').val()) 
 
     { 
 
      alert("End date is smaller start date"); 
 
      $('#end_date').datepicker('update',$('#start_date').val()); 
 
     } 
 
    }); 
 
});
<input type="text" id="start_date" /> 
 
<input type="text" id="end_date" />
Поблагодарите guys.I использовать DatePicker начальной загрузки последней в (eyecon.ro/bootstrap-datepicker), самозагрузки v3.3.1 на (getbootstrap.com), JQuery UI - v1.11.2 - 2014-11-23 в (jqueryui.com), 1.10.2 Jquery JavaScript библиотеки в (jquery.com/)

+0

какой datepicker вы используете? –

+0

Я использую последнюю дату загрузки (http://www.eyecon.ro/bootstrap-datepicker). и Bootstrap v3.3.1 (http://getbootstrap.com), jQuery UI - v1.11.2 - 2014-11-23 (http://jqueryui.com), jQuery JavaScript Library v1.10.2 (http: // jquery. com /). – Headshot

ответ

0

Как насчет этого кода

var nowTemp = new Date(); 
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); 

var checkin = $('#start_date').datepicker({ 
    onRender: function(date) { 
     return date.valueOf() < now.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function(ev) { 
    if (ev.date.valueOf() > checkout.date.valueOf()) { 
     var newDate = new Date(ev.date) 
     newDate.setDate(newDate.getDate() + 1); 
     checkout.setValue(newDate); 
    } 
    checkin.hide(); 
    $('#end_date')[0].focus(); 
}).data('datepicker'); 

var checkout = $('#end_date').datepicker({ 
    onRender: function(date) { 
     return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; 
    } 
}).on('changeDate', function(ev) { 
    checkout.hide(); 
}).data('datepicker'); 

Проверьте это рабочее fiddle

Смежные вопросы