Bagaimana cara menampilkan tanggal berasal dari jQuery yang menampilkan tanggal saat ini?

Bagaimana cara menampilkan tanggal berasal dari jQuery yang menampilkan tanggal saat ini? Saya memiliki daftar dropdown dan input dengan datepicker.

Sekarang yang saya lakukan adalah, Ketika pengguna memilih tahun 2019-2020 dari dropdown maka saya menampilkan tanggal di kolom input 31/03/2020.

jika memilih 2020-2021 maka akan muncul 31/03/2021 dan seterusnya.

Maksudku, Tanggal dan bulan tetap, hanya berganti tahun.

I am getting my output in the input field but when I click on the input field then it's showing the current date. I need whatever the date comes from the jquery that date auto selected. 

$("#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>


html jquery jquery-ui jquery-ui-datepicker
person user9437856    schedule 06.01.2019    source sumber

Jawaban (1)


arrow_upward
2
arrow_downward

Anda dapat menggunakan parameter datepicker seperti ini:

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

Cobalah seperti di bawah ini

$("#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>

person Igor Carvalho    schedule 06.01.2019
comment
Terima kasih atas jawabannya, Beri saya waktu untuk memeriksanya. - person user9437856; 06.01.2019
comment
Ini bekerja dengan sempurna untuk saya. Terima kasih untuk bantuannya. suara positif dari sisi saya. - person user9437856; 06.01.2019
comment
Saya dengan senang hati membantu Anda. Kita bisa menjaga hubungan yang lebih dalam dan lebih jauh. Terima kasih - person Igor Carvalho; 06.01.2019
comment
Jika Anda punya waktu, silakan periksa masalah ini stackoverflow.com/questions/54050168/ - person user9437856; 06.01.2019