Выбор даты jQuery Счетчик дня

Question

Как получить это http://jsfiddle.net/L2et3/11/ для вывода разницы в днях между указателями даты «от» и «до» в поле «количество дней» при вводе даты «до»?Я не хочу, чтобы окно предупреждения срабатывало с кнопки.

Заранее спасибо.

Answer 1

you need to give the input element an id like id="numDays"

затем используйте свойство onSelect :

$('#datepicker1').datepicker({

onSelect: function(dateText, inst) {

var start   = $('#datepicker').datepicker('getDate');

var end = $('#datepicker1').datepicker('getDate');

var days   = (end - start)/1000/60/60/24;

$('#numDays').val(days);
}
});

или что-то похожее на это

ОБНОВЛЕНИЕ Я обновил проект jsfiddle ... но воткод ..

(HTML не отображается справа) в основном гарантирует, что вход имеет идентификатор = 'numDays'

количество дней

// begin JSScript:

$ ("# datepicker"). Datepicker ({minDate: "01/07/2012", maxDate: "30.01.2012"});

$("#datepicker1").datepicker({
            beforeShow: setminDate,
            onSelect: function(dateText, inst) {

            var start   = $('#datepicker').datepicker('getDate');

            var end = $('#datepicker1').datepicker('getDate');

            var days   = (end - start)/1000/60/60/24;

            $('#numDays').val(days);
            }
        });

Как я уже сказал, я также обновил страницу jsfiddle.net ... но это то, что вам нужно сделать,

Я только что протестировал в FireFox, работал как ожидалось

... Боже, вставлять HTML в комментарии было непросто ... надеюсь, теперь это имеет смысл ..

Answer 2

Подключитесь к функции onSelect устройства выбора даты.

$("#datepicker1").datepicker({
    beforeShow: setminDate,
    onSelect: function(date) {
     calculate(); 
    }
});

и переместите свою логику вычисления в метод, который вы можете вызвать или поместить непосредственно в объявление.

function calculate() {
    var start = $('#datepicker').datepicker('getDate');
    var end = $('#datepicker1').datepicker('getDate');
    var days = (end - start) / 1000 / 60 / 60 / 24;
    alert(days);
}

Answer 3

$('#to').datepicker({ dateFormat: 'mm/dd/yyyy' 
  onSelect:function(dateText,inst){
    var start   = $('#from').datepicker('getDate');
    var end = $('#to').datepicker('getDate');
    var days   = (end - start)/1000/60/60/24;
    $('#resultado').val(days);
  }
});