mostrando calendario en el detalle rol policia

src/main/webapp/js/pages/crearRolPolicia.js

@@ -106,8 +106,11 @@ function listarRolesPolicias(objParams = {}) {
                             $("#spanHorario").html(`${data.tiporol_descripcion} ${data.frecuencia_descripcion}`);
                             $("#spanRangoFechas").html(`${data.fecha_inicio} - ${data.fecha_fin}`);
                             let htmlList = ``;
-							data.detalles_rol.forEach(x => htmlList += `<li class="list-group-item" id="${x.id}">${x.fecha_entrada}</li>`);
-							$("#listaDias").html(htmlList);
+                            initDateRangePicker("#dpDetalleRol");
+                            let fechas = data.detalles_rol.map(dr => dr.fecha_entrada.split(" ")[0]);
+                            $("#dpDetalleRol").datepicker("setDates", fechas);
+//                            data.detalles_rol.forEach(x => htmlList += `<li class="list-group-item" id="${x.id}">${x.fecha_entrada}</li>`);
+//                            $("#listaDias").html(htmlList);
                         }
                     });
                 });
@@ -393,7 +396,7 @@ function mostrarModalNuevoRol() {
                 }, function (start, end, label) {
 //                    console.log('New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')');
                 });
-				$("#dpRangoFechas").datepicker('setDate', 'now');
+//                $("#dpRangoFechas").datepicker('setDate', 'now');
                 defaultConfigDatePicker();
             }
         }).then((result) => {
@@ -420,7 +423,20 @@ function buscarRoles() {
     listarRolesPolicias({params});
 }
 
+const initDateRangePicker = (dp) => {
+    $(dp).datepicker({
+        format: "dd/mm/yyyy",
+        language: "es",
+        multidate: true,
+        multidateSeparator: ","
+    });
+}
+
 $().ready(function () {
+    $.fn.datepicker.noConflict = function () {
+        $.fn.datepicker = old;
+        return this;
+    };
     initDatePicker("#dpFechaInicio", "#dpFechaFin");
     listarSedes("#cboSedesFiltro");
     listarPolicias("#cboPoliciasFiltro");

src/main/webapp/vistas/crearRolPolicia.jsp

@@ -14,8 +14,6 @@
         <%@include file="templates/header-body.jsp" %>
         <!--  content -->
 
-
-
         <div class="col-md-6 col-md-offset-3">
             <div class="panel panel-primary">
                 <div class="panel-heading">
@@ -888,6 +886,7 @@
 
         <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.3/moment.min.js"></script>-->
         <script src="../plantilla/assets/js/plugins/ui/moment/moment.min.js"></script>
+        <script src="../plantilla/assets/js/plugins/pickers/datepicker.js" type="text/javascript"></script>
         <script src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script>
         <script src="../js/lib/jquery-ui.multidatespicker.js"></script>
         <script src="../plantilla/assets/js/plugins/extensions/contextmenu.js"></script>

src/main/webapp/vistas/modals/policias/mantenimientoRol/detalleRol.jspf

@@ -36,10 +36,10 @@
 
     </div>
 
-    <div class="col-md-7">
-        <ul class="list-group" id="listaDias">
+    <div id="dpDetalleRol" class="col-md-7">
+<!--        <ul class="list-group" id="listaDias">
             
-        </ul>
+        </ul>-->
         <!--        <div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px">
                     <div class="calendars">
                         <div class="calendar left">