miércoles, 17 de febrero de 2016

Los métodos Date()

Los métodos Date permiten establecer y obtener fechas (años, meses, días, horas, minutos, segundos, milisegundos).
Del contenido del capítulo JS Date Methods W3Schools.

Ejercicio 1. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>El método <i>getTime()</i></h2> 
<p>Devuelve el número de milisegundos desde el 1 de enero de 1970</p>
<button type="button" onclick="myFunction()">Pulsa repetidas veces</button>
<p id="demo"></p>
<script>
function myFunction(){
var d = new Date();
document.getElementById("demo").innerHTML = d.getTime();
}
</script>
</body>
</html>

Ejercicio 2.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>El método <i>getFullYear()</i></h2>
<p>Devuelve el año en el que estamos</p>
<button type="button" onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<script>
function myFunction(){
var d = new Date();
document.getElementById("demo").innerHTML = "Estamos en el año: " + d.getFullYear();
}
</script>
</body>
</html>

Ejercicio 3. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>El método <i>getDay()</i></h2>
<p>Devuelve el día de la semana como un número</p>
<p>La semana JavaScript empieza en domingo con el cero</p>
<button type="button" onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<p id="demo2"></p>
<script>
function myFunction(){
var d = new Date();
document.getElementById("demo").innerHTML = "Es el día " + d.getDay() + " de la semana";
var dias = ["domingo", "lunes", "martes", "miércoles", "jueves", "viernes", "sábado", "domingo"];
document.getElementById("demo2").innerHTML = "Hoy es " + dias[d.getDay()];
}
</script>
</body>
</html>

Ejercicio 4. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>El método <i>setFullYear()</i> establece datos de una fecha especificada</h2>
<p>¿En qué día de la semana caerá el día 14 de enero de 2020?</p>
<button type="button" onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<script>
function myFunction(){
var d = new Date();
d.setFullYear(2020, 0, 14);
document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>

Ejercicio 5.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p>El método <i>setDate()</i> establece el día proporcionado del mes en el que estamos.</p>
<button type="button" onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<script>
function myFunction(){
var d = new Date();
d.setDate(15);
document.getElementById("demo").innerHTML = " El día 15 del mes en el que estamos era: " + "<br>" + "<br>" + d;
}
</script>
</body>
</html>

Ejercicio 6. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>El método <i>setDate()</i> se puede usar para añadir días a una fecha.</h2>
<p>Se hace combinando con el método <i>getDate()</i>.</p>
<p>¿Qué día será cuando hayan pasado 50 días desde hoy?</p>
<button type="button" onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<script>
function myFunction(){
var d = new Date();
d.setDate(d.getDate() + 50);
document.getElementById("demo").innerHTML = d;
}
</script>
</body>
</html>

Ejercicio 7. Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>El método <i>Date.parse()</i> devuelve el tiempo transcurrido.</h2>
<p>En milisegundos. Desde el 1 de enero de 1970 hasta la fecha introducida.</p>
<button type="button" onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<script>
function myFunction(){
var msec = Date.parse("March 21, 2012");
document.getElementById("demo").innerHTML = msec;
}
</script>
</body>
</html>

Ejercicio 8.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>Y se puede usar el número de milisegundos devueltos por <i>Date.parse()</i>para obtener la fecha.</h2>
<p id="demo"></p>
<script>
var msec = Date.parse("March 21, 2012");
var d = new Date(msec);
document.getElementById("demo").innerHTML = d;
</script>
</body>
</html>

Ejercicio 9.
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Métodos Date</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<link href="../estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h2>JS puede comparar fácilmente fechas</h2>
<button type="button" onclick="myFunction()">Púlsame</button>
<p id="demo"></p>
<script>
function myFunction(){
var today, someday, text;
today = new Date();
someday = new Date();
someday.setFullYear(2016, 0, 14);
if (someday > today) {
    text = "Aún no hemos llegado al 14 de enero de 2016.";
} else {
    text = "El 14 de enero de 2016 ya es pasado.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
Publicado por en
Etiquetas: , ,

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)