En este artículo, sabremos cómo obtener la fecha actual usando las funciones integradas en Javascript y veremos su implementación a través de los ejemplos. Hay 2 métodos para realizar esta tarea:
- Uso del método Date().toDateString()
- Usando su método respectivo para obtener día, mes, año.
Hay varias otras formas de realizar esta tarea, pero aquí entenderemos estas 2 formas de obtener la fecha actual en Javascript.
Método 1: Usar el método Date().toDateString() :
El método toDateString() se usa para devolver solo la parte de la fecha de un objeto Date. Las tres primeras letras especifican el día de la semana, las tres letras siguientes especifican el nombre del mes, los dos dígitos siguientes especifican el día del mes y los últimos cuatro dígitos especifican el año. Este método devuelve una string que contiene la fecha en el formato anterior. Este es un método mejor que dividir la parte de la fecha en el objeto Date().
Sintaxis:
new Date().toDateString();
Ejemplo: este ejemplo describe el uso del método Date().toDateString() para obtener la fecha actual.
HTML
<!DOCTYPE html>
<html>
<head>
<title>How to get current date in JavaScript?</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>How to get current date in JavaScript?</b>
<p> Current Date is: <span class="output"></span></p>
<button onclick="getCurrentDate()">Get current Date</button>
<script type="text/javascript">
function getCurrentDate() {
let date = new Date().toDateString();
document.querySelector('.output').textContent = date;
}
</script>
</body>
</html>
Producción:
Método toDateString()
Método 2: Obtener el día, mes y año usando sus respectivos métodos:
Todas las partes de una fecha se pueden encontrar por sus respectivos métodos. El día se puede extraer con el método getDate(), el mes se puede extraer con el método getMonth() y el año se puede extraer con el método getFullYear(). El día y el mes se rellenan con 0 si son de un solo dígito al convertirlo en un objeto String y usar el método padStart() . Este método rellena la string actual hasta que la string resultante alcanza la longitud dada, aquí se rellena hasta una longitud de 2. La fecha final se construye luego concatenando todas estas partes en el formato requerido.
Sintaxis:
Método getDate() : se utiliza para obtener la fecha de un mes de un objeto Date dado.
let dateObj = new Date();
Método getMonth() : se utiliza para obtener el mes (0 a 11) del objeto Date dado.
let month = String(dateObj.getMonth() + 1).padStart(2, '0');
let year = dateObj.getFullYear();
Para convertir la fecha en una string:
let day = String(dateObj.getDate()).padStart(2, '0');
Para especificar la fecha en un formato particular:
let output = day + '/' + month + '/' + year;
Ejemplo: Este ejemplo describe cómo obtener la fecha actual usando sus métodos respectivos.
HTML
<!DOCTYPE html>
<html>
<head>
<title> How to get current date in JavaScript? </title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to get current date in JavaScript?
</b>
<p> Current Date is: <span class="output"></span> </p>
<button onclick="getCurrentDate()"> Get current Date </button>
<script type="text/javascript">
function getCurrentDate() {
let dateObj = new Date();
let month = String(dateObj.getMonth() + 1).padStart(2, '0');
let day = String(dateObj.getDate()).padStart(2, '0');
let year = dateObj.getFullYear();
let output = day + '/' + month + '/' + year;
document.querySelector('.output').textContent = output;
}
</script>
</body>
</html>
Producción:
Obtener la fecha actual
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA