Good day I'm starting to work with a calendar where clicking on a date should open a "modal" window this is on a JSP page but it does not stay that way then pass the code to an HTML file with the same .css and js, works correctly
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="../../../estilos/sic.css" type="text/css">
<link rel="stylesheet" href="../../../estilos/calendario/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="../../../estilos/calendario/bootstrap-datepicker.min.css" type="text/css" />
<link rel="stylesheet" href="../../../estilos/calendario/bootstrap-year-calendar.min.css" type="text/css" />
<script type="text/javascript" language="JavaScript" src="../../../jsp/menu/stmenu.js"></script>
<script type="text/javascript" language="JavaScript" src="../../../js/calendario/jquery-3.2.1.min.js"></script>
<script type="text/javascript" language="JavaScript" src="../../../js/calendario/bootstrap.min.js"></script>
<script type="text/javascript" language="JavaScript" src="../../../js/calendario/bootstrap-year-calendar.min.js"></script>
<script type="text/javascript" language="JavaScript" src="../../../js/calendario/bootstrap-datepicker.min.js"></script>
</head>
<div id="calendar"></div>
<div class="modal modal-fade" id="event-moda">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">
Event
</h4>
</div>
<div class="modal-body">
<input name="event-index" type="hidden">
<form class="form-horizontal">
<div class="form-group">
<button type="button" class="btn btn-default" data-dismiss="modal">
Habilitar
</button>
</div>
<div class="form-group">
<button type="button" class="btn btn-default" data-dismiss="modal">
Des-Habilitar
</button>
</div>
<div class="form-group">
<label for="min-date" class="col-sm-4 control-label">Dates</label>
<div class="col-sm-7">
<div class="input-group input-daterange" data-provide="datepicker">
<input name="event-start-date" class="form-control" value="2012-04-05" type="text">
<span class="input-group-addon">to</span>
<input name="event-end-date" class="form-control" value="2012-04-19" type="text">
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
Cancel
</button>
<button type="button" class="btn btn-primary" id="save-event">
Save
</button>
</div>
</div>
</div>
</div>