Saya menggunakan pemilih Tanggal Bootstrap. Saya ingin mendapatkan nilai tanggal (20-Sep-19) dan mencetaknya dalam tiga div yang berbeda (sehingga saya dapat menatanya secara berbeda).

<div class="input-group date">
  <input type="hidden" id="date-input" value="20-Sep-19" class="form-control">
  <div id="div1">20 </div>
  <div id="div2">Sep'19</div>
  <div id="div3">Wednesday</div>
</div>

$(function(){
  $('.input-group.date').datepicker({
  format: 'dd-M-yy',
  todayHighlight: true,
  autoclose: true});
});

Saya telah mencoba beberapa jquery tetapi tidak berhasil.

$(document).on("change", "#date-input", function () {
  var date = new Date($('#date-input').val());
  day = date.getDate();
  month = date.getMonth() + 1;
  year = date.getFullYear();
  alert([day, month, year].join('/'));

});

Ada yang tahu bagaimana ini bisa dicapai. Terima kasih sebelumnya.

0
Anmol singh 19 September 2019, 22:10

1 menjawab

Jawaban Terbaik

Lihat biola ini untuk implementasi cepat.

Javascript Anda perlu mengurai data yang dikirim kembali dari peristiwa dateChange elemen datepicker

picker.on("changeDate", function(e) {
        div1.text(e.date.getDate());

        var month = getMonthName(e.date.getMonth());
        var year = ("" + e.date.getYear()).substr(1, 3);
                div2.text(month + " '" + year);

        div3.text(getDayOfWeek(e.date.getDay()));
    });

Fungsi getMonthName dan getDayOfWeek hanya mengambil bilangan bulat dan mengembalikan bulan/hari yang sesuai.

Dari suara, Anda relatif baru di Javascript. Saya akan sangat menyarankan Anda untuk sepenuhnya memahami cara menggunakan Javascript dan jQuery. Silakan lihat sumber daya berikut untuk informasi lebih lanjut:
* Tanggal JS dan utilitas
* jQuery .text()
* Dokumentasi tanggal perubahan Bootstrap-datepicker

2
MickelsonMichael 19 September 2019, 20:12