管理模式后面的模板日期时间选择器

Question

在通常的页面中，使用下面的js代码在bootsrtap(adminlte-templ(中显示日期时间选择器是完美的，但当出现时，模式日历会出现在模式的后面

Answer 1

$(function () {

//Initialize Select2 Elements
$('.select2').select2()

//Datemask dd/mm/yyyy
$('#datemask').inputmask('yyyy-mm-dd', { 'placeholder': 'yyyy-mm-dd' })
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('yyyy-mm-dd', { 'placeholder': 'yyyy-mm-dd' })

$('#reservationtime').daterangepicker({ 
"showISOWeekNumbers": true,
"timePicker": true,
"autoUpdateInput": true,
"timePicker24Hour":true,
altField: "#modal-add",
"locale": {
"cancelLabel": 'Баргашт',
"format": "YYYY-MM-DD HH:mm:ss",
"separator": " - ",
"applyLabel": "Интихоб",
"cancelLabel": "Бекор",
"fromLabel": "Аз",
"toLabel": "То",
"customRangeLabel": "Custom",
"weekLabel": "H",

"daysOfWeek": [
"Як",
"Дш",
"Сш",
"Чр",
"Па",
"Ҷм",
"Ша"
],
"monthNames": [
"Январь",
"Февраль",
"Март",
"Апрел",
"Май",
"Июнь",
"Июл",
"Август",
"Сентябр",
"Октябр",
"Ноябр",
"Декабр"
],
"firstDay": 1
},
"linkedCalendars": true,
"showCustomRangeLabel": false,
"startDate": 1,    
"opens": "center"
})

//Date picker
$('#datepicker').datepicker({
autoclose: true,      
singleDatePicker: true,

})
//Timepicker
$('.timepicker').timepicker({
showInputs: false
})
})