Menangani issue datepicker di modal reset form - mungkin sobat sudah pernah mengalami atau bahkan baru mengalami saat menggunakan datepicker di modal bootstrap yang selalui reset form ketika modal hide.
Nah, kali ini saya akan berikan solusinya dimana penggunaan modal hide dan datepicker close sama - sama menggunakan parameter hide seperti $('#modal').on('hide.bs.modal') juga digunakan pada datepicker ketika close. Terus bagaimana cara menangani hal tersebut berdasarkan informasi mbah google cukup menambahkan on('hide') pada akhir datepicker seperti dibawah ini.
.on('hide', function(event) {
event.preventDefault();
event.stopPropagation();
});
Dan berikut penggunaanya pada code datepicker:
$('.datepicker').datepicker({
todayBtn: "linked",
keyboardNavigation: false,
forceParse: false,
autoclose: true,
format: "dd/mm/yyyy"
}).on('hide', function(event) {
event.preventDefault();
event.stopPropagation();
});
Nah, untuk lebih jelasnya berikut saya sertakan video tutorialnya:
Tags Keywords
datepicker bootstrap
Menangani issue datepicker bootstrap di modal reset form
modal bootstrap