Fechas en Javascript con clase

/* autor: Fer Carraro */ class Fecha extends Date{ constructor(){ super(); console.log("Objeto Fecha creado"); } getMes(){ var mes=""; switch(this.getMonth()){ case 0: mes="Enero"; break; case 1: mes="Febrero"; break; case 2: mes="Marzo"; break; case 3: mes="Abril"; break; case 4: mes="Mayo"; break; case 5: mes="Junio"; break; case 6: mes="Julio"; break; case 7: mes="Agosto"; break; case 8: mes="Septiembre"; break; case 9: mes="Octubre"; break; case 10: mes="Noviembre"; break; case 11: mes="Diciembre"; break; default: break; } return mes; } getDia(){ var dia=""; switch(this.getDay()){ case 1: dia = "Lunes"; break; case 2: dia = "Martes"; break; case 3: dia = "Miercoles"; break; case 4: dia = "Jueves"; break; case 5: dia = "Viernes"; break; case 6: dia = "Sabado"; break; case 7: dia = "Domingo"; break; default: break; } return dia; } } function crearFecha(){ var fecha = new Fecha(); console.log("Mes: "+fecha.getMonth()); console.log("Mes: "+fecha.getMes()); console.log("Dia: "+fecha.getDay()); console.log("Dia: "+fecha.getDia()); document.getElementById("prrf").innerHTML="Mes:"+fecha.getMes() +"<br/>Dia:"+fecha.getDia(); } document.getElementById("btn").addEventListener("click",function(){ crearFecha(); }); document.getElementById("prrf").addEventListener("click",function(){ document.getElementById("prrf").innerHTML=""; }); /*HTML <article> <h2>Clases</h2> </article> <aside> <p id="prrf"></p> <button id="btn">Crear y obtener objeto</button> </aside> */
Mostrar día y mes del año usando clases en Javascript.

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.