Member 12895537 Ответов: 1

Как рассчитать разницу в днях между двумя календарными датами и отобразить ее в виде вывода в HTML


Ниже приведен мой код, как я вычисляю результат дней между двумя календарями . Я пробовал, и это хорошо работает. но проблема в том, что это просто оповещение о количестве дней. Не появляется в качестве результата или вывода после выбора даты начала и даты окончания из календаря . Можете ли вы помочь мне, как я могу изменить это предупреждение, чтобы оно было результатом (или выводом в текстовом поле или в виде метки) автоматически после того, как пользователь выберет дату из календаря ? #пожалуйста, помогите мне.

Что я уже пробовал:

<title>Travel Agency :: Home ::




 
$(document).ready(function(){
    var $datepicker1 =  $( "#datepicker1" );
    var $datepicker2 =  $( "#datepicker2" );
    $datepicker1.datepicker();
    $datepicker2.datepicker({
         onClose: function() {
            var fromDate = $datepicker1.datepicker('getDate');
            var toDate = $datepicker2.datepicker('getDate');
            // date difference in millisec
            var diff = new Date(toDate - fromDate);
            // date difference in days
            var days = diff/1000/60/60/24;

            alert(days);
        }
    });
});



<label>Start Date: <input type="text" id="datepicker1"></label>
<label>End Date: <input type="text" id="datepicker2"></label>

</body>
</html>

1 Ответов

Рейтинг:
6

Peter Leow

Во-первых, вы должны зарезервировать место для отображения этого "дня", скажем, P-тега с id= "noofday" после последнего тега метки, например:

<p id="noofday"></p>

Затем измените оператор "alert" на:
$("#noofday").html(days);

Ссылаться на учебник по jQuery[^] учить.