Post Top Ad

Your Ad Spot

domingo, 4 de octubre de 2020

Change the Date Format to yyyy-mm-dd in Datepicker

 Recientemente estaba trabajando en un proyecto y se me presentó un requisito.

El requisito era cambiar el formato de fecha del campo de fecha del tipo de entrada. Intenté cambiar, pero no funcionó. Entonces, usé bootstrap datepicker.

Bootstrap datepicker es muy bueno porque le permite cambiar el formato según sus requisitos.

Entonces, voy a compartir cómo se puede cambiar el formato de fecha del selector de fechas.

Veamos.

Paso 1. Primero incluye la biblioteca jQuery

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> 

Paso 2. Incluya el componente Bootstrap Datepicker

<script type = "text / javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"> </script> 

Paso 3. Escriba el marcado para crear un campo de entrada

<input type = "text" id = "from-datepicker" />  

Paso 4. Escriba un script para agregar la funcionalidad de selector de fechas

<script> 
$ (document) .ready (function () {
$ ("# from-datepicker"). datepicker ({
formato: 'aaaa-mm-dd' // también puede usar el formato: 'dd-mm-aaaa'
});
});
</script>

Ahora puede cambiar el formato del selector de fechas con el script anterior. Si tiene alguna consulta no dude en comentarla.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas