0

Есть 2 input'a для даты и кнопка для расчета:

$(document).ready(function() {

  function dateDiffInDays(a, b) {
    var _MS_PER_DAY = 1000 * 60 * 60 * 24;
    var utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
    var utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());
    return Math.floor((utc2 - utc1) / _MS_PER_DAY);
  }

  $("#b").click(function() {
    var answer;
    var firstDate = Date.parse($('#inputFirstDate').val());
    var secondDate = Date.parse($('#inputSecondDate').val());
    alert(dateDiffInDays(firstDate, secondDate));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" name="firstDate" id="inputFirstDate" />
<input type="date" name="secondDate" id="inputSecondDate" />
<input type="button" id="b" value="Расчитать" /> <br>

После попытки провернуть действия с функцией 'dateDiffInDays' с параметрами 'inputFirstDate' и 'inputSecondDate' приходит пустой alert. Может быть ошибка в Date.parse()? Или я еще что-то делаю не так?

1 ответ 1

0

Вместо Date.parse() используйте просто new Date() :

$(document).ready(function() {
  function dateDiffInDays(a, b) {
    var _MS_PER_DAY = 1000 * 60 * 60 * 24;
    var utc1 = Date.UTC(a.getFullYear(), a.getMonth(), a.getDate());
    var utc2 = Date.UTC(b.getFullYear(), b.getMonth(), b.getDate());
    return Math.floor((utc2 - utc1) / _MS_PER_DAY);
  }

  $("#b").click(function() {
    var firstDate = new Date($('#inputFirstDate').val());
    var firstDate2 = Date.parse($('#inputFirstDate').val());

    // Пример, того какой метод какое значение возвращает
    console.log('new Date', firstDate);
    console.log('Date.parse', firstDate2);

    var secondDate = new Date($('#inputSecondDate').val());
    console.log(dateDiffInDays(firstDate, secondDate));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" name="firstDate" id="inputFirstDate" />
<input type="date" name="secondDate" id="inputSecondDate" />
<input type="button" id="b" value="Расчитать" /> <br>

3
  • на сайте если выполнить код все работает, а у меня почему-то выводит : new Date Invalid Date Date parce NaN NaN
    – masya1312
    4 фев 2018 в 21:24
  • @masya1312 выведите себе в консоль это $('#inputFirstDate').val() и посмотрите что там будет, складывается впечатление, что не получается распарсить дату 4 фев 2018 в 21:27
  • вынес в отдельный файл — все заработало, спасибо)
    – masya1312
    4 фев 2018 в 21:28

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.