jQuery – Lee y formato de fecha actual usando jQuery

En este ejemplo vamos a aprender cómo obtener la fecha y la pantalla actual en diferentes formatos utilizando jQuery. Vamos a imprimir la fecha en DD / MM / AAAA, MM / DD / AAAA o DD formato YYY MON de pulsaciones de botón.

jQuery Fragmento de código – formato de fecha actual usando jQuery

jQuery / JavaScript

<script type="text/javascript">
$(document).ready(function(){
var date=new Date();
$("#btn1").click(function(){
var val=date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear();
$("#printDate").text(val);
});
$("#btn2").click(function(){
var val=(date.getMonth()+1)+"/"+date.getDate()+"/"+date.getFullYear();
$("#printDate").text(val);
});
$("#btn3").click(function(){
var months=["JAN","FEB","MAR","APR","MAY","JUN","JUL",
"AUG","SEP","OCT","NOV","DEC"];
var val=date.getDate()+" "+months[date.getMonth()]+" "+date.getFullYear();
$("#printDate").text(val);
});
});

Código fuente HTML con jQuery / JavaScript

<!--jQuery - Get and Format Current Date using jQuery.-->
<html>
<head>
<title>jQuery - Get and Format Current Date using jQuery.</title>
<!--Example CSS-->
<link href="ExampleStyle.css" type="text/css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var date=new Date();
$("#btn1").click(function(){
var val=date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear();
$("#printDate").text(val);
});
$("#btn2").click(function(){
var val=(date.getMonth()+1)+"/"+date.getDate()+"/"+date.getFullYear();
$("#printDate").text(val);
});
$("#btn3").click(function(){
var months=["JAN","FEB","MAR","APR","MAY","JUN","JUL",
"AUG","SEP","OCT","NOV","DEC"];
var val=date.getDate()+" "+months[date.getMonth()]+" "+date.getFullYear();
$("#printDate").text(val);
});
});
</script>
</head>
<body style="text-align: center;">
<h1>jQuery - Get and Format Current Date using jQuery.</h1>
<input type="button" id="btn1" value="Get Date (DD/MM/YYYY)"/>
<input type="button" id="btn2" value="Get Date (MM/DD/YYYY)"/>
<input type="button" id="btn3" value="Get Date (DD MON YYYY)"/>
<p id="printDate"/>
</body>
</html>

Resultado

jQuery - Get and Format Current Date using jQuery - 4
clic for DEMO y rarr;


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *