Selector de fecha con Mootools
A menudo necesitamos armar un formulario con un selector de fechas donde se deberá introducir una cadena tipo fecha para posteriormente ser procesada o para almacenarla en la base de datos.
Para aplicarlo a tu Web necesitarás añadir en el tag <head> los estilos y scripts de Mootools:
<link rel="stylesheet" type="text/css" href="css/page.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/calendar-eightysix-v1.1-default.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/calendar-eightysix-v1.1-vista.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/calendar-eightysix-v1.1-osx-dashboard.css" media="screen" /> <script type="text/javascript" src="js/mootools-1.2.4-core.js"></script> <script type="text/javascript" src="js/mootools-1.2.4.4-more.js"></script> <script type="text/javascript" src="js/calendar-eightysix-v1.1.js"></script>
Seguidamente, para aplicar el calendario estandar por ejemplo debemos incluir también en el <head> lo siguiente:
<script type="text/javascript">
window.addEvent('domready', function() {
new CalendarEightysix('exampleI', { 'offsetY': -4 });
});
</script>
Después en el body debemos crear el input necesario para mostrar el datepicker de la siguiente forma:
<input id="exampleI" name="dateI" type="text" maxlength="10" />
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
Una respuesta a “Selector de fecha con Mootools”
Deja una respuesta
112 artículos que te podrían interesar
Ver más sobre
muy bueno.. muchas gracias me sirvio bastante a mi y a un compañero..