Datepicker pada YiiBooster ternyata bermasalah ketika ditampilkan pada sebuah Modal jQuery. Ketika nyari-nyari permasalahannya, ternyata ketemu juga solusinya di GitHub. Solusinya adalah kita harus mengedit file “bootstrap-datepicker.min.js” di path “…\protected\extensions\bootstrap\assets\bootstrap-datepicker\js\bootstrap-datepicker.min.js”. Pada file tersebut, kita search fungsi “var zIndex = parseInt(this.element.parents().filter(function()” atau kata kunci “zIndex”, sampai kita menemukan code di bawah ini :

var zIndex = parseInt(this.element.parents().filter(function() {
return $(this).css(“z-index”) != “auto”;
}).first().css(“z-index”)) + 10;

 

 

Setelah itu, kita ubah code tersebut dengan ini :

 

var zIndex = parseInt(this.element.parents().filter(function() {
// return $(this).css(“z-index”) != “auto”
var zIndex = $(this).css(‘z-index’);
return zIndex != ‘auto’ && zIndex != ‘0’;
}).first().css(“z-index”)) + 10;

 

Setelah ini selesai, maka Datepicker siap berjalan diatas sebuah Modal 🙂