模态后面的Adminlte模板datetimepicker答案

【问题标题】：Adminlte template datetimepicker behind of modal模态后面的Adminlte模板datetimepicker
【发布时间】：2020-09-12 19:51:26
【问题描述】：

在通常的页面中使用下面的 js 代码在 bootsrtap (adminlte templ) 中显示 datetimepicker 是完美的，但是当出现模态日历时出现在模态的后面

【问题讨论】：

标签： javascript php adminlte

【解决方案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
    })

  })

【讨论】：