Estoy Empezando a trabajar con la función DatePicker
de JQuery-UI
, entonces he visto algunos tutoriales y son como el siguiente codigo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DatePicker</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fa-regular.css">
<link rel="stylesheet" href="css/fa-solid.css">
<link rel="stylesheet" type="text/css" href="css/fa-brands.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome.css">
</head>
<body>
<div class="container">
<div class="col-sm-6" style="height:130px;">
<div class="form-group">
<div class='input-group date' id='datetimepicker10'>
<input type='text' class="form-control" />
<span class="input-group-addon">
Calendario
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker10').datetimepicker({
viewMode: 'years',
format: 'DD/MM/YYYY'
});
});
</script>
</div>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
</body>
</html>
Al dar click en la palabra calendario (Donde después lo cambiare por un icono) tiene que desplegar el calendario para agregarlo en el input.
El problema es que al dar click nada sucede.
Me estoy basando en los ejemplos de Aquí