jquery - para - obtener fecha y hora actual javascript

Cómo obtener la hora actual con jQuery

Question

A continuación, se muestra el tiempo en microsegundos, por ejemplo 4565212462.

alert( $.now() );

¿Cómo lo convierto a un formato de tiempo legible para el ser humano, como (horas: minutos: segundos) ?

Answer 1

¡No necesita usar jQuery para esto!

La implementación nativa de JavaScript es Date.now() .

Date.now() y $.now() devuelven el mismo valor:

Date.now(); // 1421715573651
$.now();    // 1421715573651

new Date(Date.now())   // Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)
new Date($.now());     // Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)

..y si quieres la hora formateada en hh-mm-ss:

var now = new Date(Date.now());
var formatted = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
// 20:10:58

Answer 2

Convierta un objeto Date en una cadena, utilizando uno de los getters de conversión de Date.prototype , por ejemplo:

var d = new Date();
d+'''';                  // "Sun Dec 08 2013 18:55:38 GMT+0100"
d.toDateString();      // "Sun Dec 08 2013"
d.toISOString();       // "2013-12-08T17:55:38.130Z"
d.toLocaleDateString() // "8/12/2013" on my system
d.toLocaleString()     // "8/12/2013 18.55.38" on my system
d.toUTCString()        // "Sun, 08 Dec 2013 17:55:38 GMT"

O, si lo quiere más personalizado, consulte la lista de métodos getter del Date.prototype .

Answer 3

Necesita buscar todos los "números" manualmente

Me gusta esto:

var currentdate = new Date(); 
    var datetime = "Now: " + currentdate.getDate() + "/"
                + (currentdate.getMonth()+1)  + "/" 
                + currentdate.getFullYear() + " @ "  
                + currentdate.getHours() + ":"  
                + currentdate.getMinutes() + ":" 
                + currentdate.getSeconds();

document.write(datetime);

Answer 4

Para la hora local en ISO8601 para SQL TIMESTAMP, podría intentar:

var tzoffset = (new Date ()). getTimezoneOffset () * 60000;

var localISOTime = (nueva Fecha (Date.now () - tzoffset)). toISOString (). slice (0, 19) .replace (''T'', '''');

$ (''# mydatediv''). val (localISOTime);

Answer 5

Puede intentarlo así:

new Date($.now());

También usando Javascript puedes hacer esto:

var dt = new Date();
var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();

Answer 6

Tratar

console.log(
  new Date().toLocaleString().slice(9, -3)
  , new Date().toString().slice(16, -15)
);

Answer 7

Usando las funciones de fecha nativas de JavaScript, puede obtener hours , minutes y seconds como lo desee. Si desea formatear la fecha y la hora de una manera particular, es posible que desee implementar un método que amplíe el prototipo de fecha de JavaScript.

Aquí hay uno ya implementado: https://github.com/jacwright/date.format

Answer 8

Utilizo el momentjs.com para todas las necesidades de manipulación / visualización de mi tiempo (tanto del lado del cliente como de node.js si lo usa), si solo necesita un formato simple, las respuestas de arriba lo harán, si está buscando algo un poco más complejo, momento es el camino a seguir IMO.

Answer 9

jQuery''s $ .now () es un alias de la nueva Date (). getTime (), una función interna de Javascript.

http://api.jquery.com/jquery.now/

Esto devuelve el número de segundos transcurridos desde 1970, comúnmente referido (no necesariamente correctamente) como Tiempo de Unix, Época o Marca de tiempo, dependiendo de los círculos en los que se encuentre. Puede ser realmente útil para calcular la diferencia entre fechas / tiempos usando matemática simple . No tiene ninguna información TimeZone y siempre es UTC.

http://en.wikipedia.org/wiki/Unix_time

No es necesario utilizar jQuery como otro alias, no hace mucho más para ayudar con la manipulación de fecha / hora.

Si está buscando una forma rápida y sucia de representar la hora en el texto, el objeto Fecha de Javascript tiene un prototipo "toString" que devolverá un formato de fecha ISO.

new Date().toString();
//returns "Thu Apr 30 2015 14:37:36 GMT+0100 (BST)"

Sin embargo, lo más probable es que desees personalizar tu formateo. El objeto Date tiene la capacidad de extraer sus detalles relevantes para que pueda construir su propia representación de cadena.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

var d = new Date(); //without params it defaults to "now"
var t = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
//Will return 14:37:36

Sin embargo, como solicitó una solución jQuery, es probable que esté trabajando con navegadores más antiguos. Si desea hacer más cosas específicas, especialmente la interpretación de cadenas en objetos Date (útil para las respuestas de la API), es posible que desee ver Moment.js.

momentjs.com

Esto asegurará la compatibilidad entre navegadores y tendrá un formato mucho mejor sin tener que concatenar muchas cadenas de caracteres juntas. Por ejemplo:

moment().format(''hh:mm:ss'');
//Will return 14:37:36

Answer 10

jQuery.now() Devuelve: Número

Descripción: Devuelve un número que representa la hora actual.

Este método no acepta ningún argumento.

El método $.now() es una abreviatura del número devuelto por la expresión (new Date).getTime() .

http://api.jquery.com/jQuery.now/

Es simple de usar Javascript:

var d = new Date();
var time = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
console.log(time);

Answer 11

.clock {
width: 260px;
margin: 0 auto;
padding: 30px;
color: #FFF;background:#333;
}
.clock ul {
width: 250px;
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center
}

.clock ul li {
display: inline;
font-size: 3em;
text-align: center;
font-family: "Arial", Helvetica, sans-serif;
text-shadow: 0 2px 5px #55c6ff, 0 3px 6px #55c6ff, 0 4px 7px #55c6ff
}
#Date { 
font-family: ''Arial'', Helvetica, sans-serif;
font-size: 26px;
text-align: center;
text-shadow: 0 2px 5px #55c6ff, 0 3px 6px #55c6ff;
padding-bottom: 40px;
}

#point {
position: relative;
-moz-animation: mymove 1s ease infinite;
-webkit-animation: mymove 1s ease infinite;
padding-left: 10px;
padding-right: 10px
}

/* Animasi Detik Kedap - Kedip */
@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; } 
}

@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; } 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Making 2 variable month and day
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; 
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]

// make single object
var newDate = new Date();
// make current time
newDate.setDate(newDate.getDate());
// setting date and time
$(''#Date'').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + '' '' + monthNames[newDate.getMonth()] + '' '' + newDate.getFullYear());

setInterval( function() {
// Create a newDate() object and extract the seconds of the current time on the visitor''s
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);

setInterval( function() {
// Create a newDate() object and extract the minutes of the current time on the visitor''s
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);

setInterval( function() {
// Create a newDate() object and extract the hours of the current time on the visitor''s
var hours = new Date().getHours();
// Add a leading zero to the hours value
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000); 
});
</script>
<div class="clock">
<div id="Date"></div>
<ul>
<li id="hours"></li>
<li id="point">:</li>
<li id="min"></li>
<li id="point">:</li>
<li id="sec"></li>
</ul>
</div>

Answer 12

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script>
    function ShowLocalDate()
    {
    var dNow = new Date();
    var localdate= (dNow.getMonth()+1) + ''/'' + dNow.getDate() + ''/'' + dNow.getFullYear() + '' '' + dNow.getHours() + '':'' + dNow.getMinutes();
    $(''#currentDate'').text(localdate)
    }
</script>

</head>
<body>
    enter code here
    <h1>Get current local enter code here Date in JQuery</h1>
    <label id="currentDate">This is current local Date Time in JQuery</p>
    <button type="`enter code here button onclick="ShowLocalDate()">Show Local DateTime</button>

</body>
</html> 

puedes obtener más información del siguiente enlace

http://www.morgantechspace.com/2013/11/Get-current-Date-time-in-JQuery.html#GetLocalDateTimeinJQuery