Как отображать дату приходит из jQuery вместо отображения текущей даты? - PullRequest
Новая
       8

Как отображать дату приходит из jQuery вместо отображения текущей даты?

0 голосов
/ 06 января 2019

Как отображать дату приходит из jQuery вместо отображения текущей даты? У меня есть выпадающий список и ввод с DatePicker.

Теперь я делаю следующее: когда пользователь выбирает год из раскрывающегося списка 2019-2020, я отображаю дату в поле ввода 31/03/2020.

если выбрать 2020-2021, тогда будет отображаться 31/03/2021 и т. Д.

Я имею в виду, дата и месяц фиксируются только при смене года.

Я получаю вывод в поле ввода, но когда я нажимаю на поле ввода, отображается текущая дата. Мне нужно, что бы дата не поступала из jquery, эта дата была выбрана автоматически. 

$("#year").change(function() {
  var dropdownDuration = this.value;
  var items = dropdownDuration.split('-');
  //alert("31/03/"+items[1]);
  $("#yearDate").val("31/03/" + items[1]);
});

$("#yearDate").datepicker();
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<select class="form-control" name="year" id="year">
  <option value="" disabled selected>Year</option>
  <option value="2019-2020">2019-2020 </option>
  <option value="2020-2021">2020-2021 </option>
  <option value="2021-2022">2021-2022 </option>
</select>

<input type="text" name="enddate" class="form-control datepicker" id="yearDate">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>

1 Ответ

0 голосов
/ 06 января 2019

Вы можете использовать параметры datepicker следующим образом:

$("#yearDate").datepicker({dateFormat: 'dd/mm/yy',defaultDate:this.value});

Попробуйте как показано ниже 

$("#year").change(function() {
  var dropdownDuration = this.value;
  var items = dropdownDuration.split('-');
  //alert("31/03/"+items[1]);
  $("#yearDate").val("31/03/" + items[1]);
});

$("#yearDate").datepicker({
    dateFormat: 'dd/mm/yy',
    defaultDate: this.value
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<select class="form-control" name="year" id="year">
  <option value="" disabled selected>Year</option>
  <option value="2019-2020">2019-2020 </option>
  <option value="2020-2021">2020-2021 </option>
  <option value="2021-2022">2021-2022 </option>
</select>

<input type="text" name="enddate" class="form-control datepicker" id="yearDate">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
...