Skip to content

A
Asistencia
Commit 1e800f48 by Billy Larru
Options

date range picker en policias

parent 5708bae6
Showing with 217 additions and 20 deletions
src/main/webapp/css/lib/jquery-ui.multidatespicker.css 0 → 100644
/* jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
/* jQuery UI Datepicker hide datepicker helper */
#ui-datepicker-div {display:none;}
/* jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
background: #743620 none;
color: white;
}
\ No newline at end of file
src/main/webapp/js/general.js
......@@ -230,5 +230,26 @@ function defaultConfigDatePicker() {
}
function defaultConfigDateRangePicker() {
$('.daterange-basic').daterangepicker({
applyClass: 'bg-slate-600',
cancelClass: 'btn-default',
// showDropdowns: false,
// timePicker: true,
// opens: 'center',
// singleDatePicker: true,
autoApply: true
});
}
(function(a){a.fn.validCampo = function(b){a(this).on({keypress:function(a){var c = a.which, d = a.keyCode, e = String.fromCharCode(c).toLowerCase(), f = b; ( - 1 != f.indexOf(e) || 9 == d || 37 != c && 37 == d || 39 == d && 39 != c || 8 == d || 46 == d && 46 != c) && 161 != c || a.preventDefault()}})}})(jQuery);
(function (a) {
a.fn.validCampo = function (b) {
a(this).on({keypress: function (a) {
var c = a.which, d = a.keyCode, e = String.fromCharCode(c).toLowerCase(), f = b;
(-1 != f.indexOf(e) || 9 == d || 37 != c && 37 == d || 39 == d && 39 != c || 8 == d || 46 == d && 46 != c) && 161 != c || a.preventDefault()
}})
}
})(jQuery);
src/main/webapp/js/pages/controlAsistenciaPolicias.js 0 → 100644
$().ready(function () {
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 4
});
$('.select-search').select2();
$(".btn.dropdown-toggle.bs-placeholder").removeClass("btn-info");
$(".btn.dropdown-toggle.bs-placeholder").css({
border: "1px solid #ddd",
backgroundColor: "#fff"
});
$("#dpFechaInicio").datepicker({
minDate: new Date(2000, 1 - 1, 1), maxDate: new Date(),
dateFormat: 'dd/mm/yy',
defaultDate: new Date(),
changeMonth: true,
changeYear: true,
yearRange: '-18:+0',
onSelect: function () {
// $(this).valid();
}
});
$("#dpFechaInicio").datepicker('setDate', 'now');
$("#dpFechaFin").datepicker({
minDate: new Date(2000, 1 - 1, 1), maxDate: new Date(),
dateFormat: 'dd/mm/yy',
defaultDate: new Date(),
changeMonth: true,
changeYear: true,
yearRange: '-18:+0',
onSelect: function () {
// $(this).valid();
}
});
$("#dpFechaFin").datepicker('setDate', 'now');
defaultConfigDatePicker();
defaultConfigDateRangePicker();
});
\ No newline at end of file
src/main/webapp/vistas/controlAsistenciaDocentes.jsp
......@@ -22,24 +22,6 @@
<form id="frmAsistenciaDocentes" onsubmit="return false;" autocomplete="off">
<div class="panel-body">
<div class="row">
<div class="col-md-6 form-group">
<label>Fecha Inicio</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control" id="dpFechaInicio" name="dpFechaInicio" placeholder="Fecha inicio &hellip;">
</div>
</div>
<div class="col-md-6 form-group">
<label>Fecha Fin</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control" id="dpFechaFin" name="dpFechaFin" placeholder="Fecha fin &hellip;">
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 form-group">
<label>Busqueda por</label>
<select class="form-control" id="cboCriterio">
......@@ -63,6 +45,26 @@
</div>
<div class="row">
<div class="col-md-6 form-group">
<label>Fecha Inicio</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control" id="dpFechaInicio" name="dpFechaInicio" placeholder="Fecha inicio &hellip;">
</div>
</div>
<div class="col-md-6 form-group">
<label>Fecha Fin</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control" id="dpFechaFin" name="dpFechaFin" placeholder="Fecha fin &hellip;">
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 form-group">
<label>Estado</label>
<select class="selectpicker form-control" name="cboSedes" id="cboSedes" multiple>
......@@ -256,7 +258,8 @@
<!--js de la pagina-->
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap.min.js"></script>
<script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
<!--<script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>-->
<script type="text/javascript" src="assets/js/plugins/pickers/daterangepicker.js"></script>
<script type="text/javascript" src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js"></script>
<script src="../js/pages/controlAsistenciaDocentes.js" type="text/javascript"></script>
<!--js-->
......
src/main/webapp/vistas/controlAsistenciaPolicias.jsp 0 → 100644
<%@include file="templates/validar.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="templates/header.jsp" %>
<!--template-core-->
<!--css de la pagina-->
<!--css-->
</head>
<body>
<%@include file="templates/header-body.jsp" %>
<!-- content -->
<div class="col-md-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h5 class="panel-title">Creación y Asignación de Roles</h5>
</div>
<form id="frmAsistenciaDocentes" onsubmit="return false;" autocomplete="off">
<div class="panel-body">
<div class="row">
<div class="col-md-4 form-group">
<label>Policia</label>
<select class="select-search form-control">
<option>RAMIREZ MORALES ROLANDO</option>
<option>GUTIERREZ MEDINA JOSE ROSA</option>
<option>SALOME LAZO REGULO RIGOBERTO</option>
<option>DEZA CORREA OSCAR MIGUEL</option>
<option>CHAVEZ LEON CLARA MARIA</option>
</optgroup>
</select>
</div>
<div class="col-md-4 form-group">
<label>Horario</label>
<select class="form-control" id="cboCriterio">
<option>[SELECCIONE]</option>
<option>REGULAR</option>
<option>AMANECIDA 12H</option>
<option>AMANECIDA 24H</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-2 form-group">
<label>Rango de fechas: </label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar22"></i></span>
<input type="text" class="form-control daterange-basic" value="06/01/2018 - 06/30/2018">
</div>
</div>
<div class="col-md-2 form-group">
<label>Tipo</label>
<select class="form-control" id="cboCriterio">
<option>[SELECCIONE]</option>
<option>IMPAR</option>
<option>PAR</option>
<option>DIARIO</option>
<option>PERSONALIZADO</option>
</select>
</div>
</div>
</div>
<div class="panel-footer">
<div class="text-center">
<button class="btn btn-primary" id="btnBuscar"><i class="fa fa-search"></i> Buscar</button>&nbsp;
<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button>
<button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#modal_default">Launch <i class="icon-play3 position-right"></i></button>
</div>
</div>
</form>
</div>
</div>
<!-- / content -->
<%@include file="templates/footer-body.jsp"%>
<!--js de la pagina-->
<script type="text/javascript" src="../plantilla/assets/js/core/libraries/jquery_ui/interactions.min.js"></script>
<script type="text/javascript" src="../plantilla/assets/js/core/libraries/jquery_ui/widgets.min.js"></script>
<script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
<!--<script src="../js/lib/jquery-ui.multidatespicker.js" type="text/javascript"></script>-->
<script type="text/javascript" src="../plantilla/assets/js/plugins/ui/moment/moment.min.js"></script>
<script type="text/javascript" src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script>
<script src="../js/pages/controlAsistenciaPolicias.js" type="text/javascript"></script>
<!--js-->
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment