-
Cómo comparar fechas en JavaScript
-
En el desarrollo web a menudo es útil para comparar fechas, determinar cuál es más reciente y que es más antiguo. La comparación de fechas con una función de JavaScript es sencillo. Incluso si usted tiene muy poca experiencia en JavaScript, programación o desarrollo web en general, se puede llevar a cabo esta tarea, ya que el código necesario para el manejo de fechas y la comparación es corto y sin complicaciones. comparación de fechas es una tarea común, especialmente en la gestión de la interacción del usuario con los elementos en un sitio.
Instrucciones
1 Crea tu página Web. Si usted no tiene una página de lista, cree uno mediante la apertura de un nuevo archivo en un editor de texto y guardarlo con la extensión ".html". Introduzca el siguiente esquema para su página, que incluye una sección de código JavaScript en el área de la cabeza:
<Html>
<Head>
<Script type = "text / javascript">
// funciones de JavaScript aquí
</ Script>
</ Head>
<Body>
<! - Contenido aquí ->
</ Body>
</ Html>
Las funciones de JavaScript serán colocados dentro de la sección de la escritura de la cabeza de la página, mientras que el contenido de la página se coloca entre las etiquetas del cuerpo HTML.
2 Introduzca una función JavaScript para realizar la comparación de fechas. Entre la apertura y el cierre de las etiquetas de "escritura", introduzca el contorno función como sigue:
checkdate función () {
// Código de función aquí
}
Dentro de la función, se puede introducir cualquier código JavaScript que te gusta. Encuentra la fecha actual mediante el siguiente código entre los corchetes de apertura y de cierre de función:
var currentDate = new Date ();
3 Crear una segunda fecha de comparar con la actual. Agregue el código siguiente a la función, creando otro objeto Date, pero esta vez el establecimiento de una fecha específica:
var comparisonDate = new Date ();
comparisonDate.setFullYear (2020, 3, 20);
Este código establece la fecha en la segunda Fecha de objeto para el 20 de marzo de 2020. Se puede experimentar cambiando este valor cuando el código está completo y ya está listo para probarlo.
4 Compare las dos fechas. Agregue el código siguiente, que compara la fecha actual con el esbozado en el código:
si (currentDate <comparisonDate)
alert ( "La fecha en cuestión aún no se ha alcanzado");
más
alert ( "La fecha en cuestión ha pasado");
Esto simplemente da salida a un diálogo de alerta cuando la función se llama dentro de la página.
5 Modificar la función para escribir el contenido en la página web. Agregue el siguiente elemento HTML dentro de la sección del cuerpo de la página:
<Div id = "número"> Resultados de comparación </ div>
6 Modificar la función de JavaScript:
si (currentDate <comparisonDate)
. Document.getElementById ( "número") innerHTML = "La fecha en cuestión aún no se ha alcanzado";
más
. Document.getElementById ( "número") innerHTML = "La fecha en cuestión ha pasado";
7 Llame a la función mediante la alteración del cuerpo de la etiqueta de apertura:
<Body onload = "checkdate ()">
8 Guarde la página y probarla abriéndolo en un navegador Web.
Consejos y advertencias
- El objeto Date de JavaScript proporciona acceso a muchas diferentes funciones de fecha. Cuando se crea un objeto, éste se ajusta automáticamente a la fecha actual.
- Puede comparar una fecha introducida por el usuario, capturándolo en un formulario HTML.
- La prueba condicional se comprueba si la fecha actual es inferior a la especificada; si las fechas son las mismas esta prueba volverá falsa.
