Veuillez noter que .getHours () renvoie les heures dans le fuseau horaire de la machine locale. Si l'utilisateur a son navigateur dans un autre fuseau horaire que vous, il obtiendra d'autres résultats de getHours. Cela est également vrai pour la méthode .toString (). Le contrôle du fuseau horaire en javascript est délicat (vous devez calculer le décalage entre votre et le fuseau horaire souhaité et modifier la date en conséquence). Donc, comme mentionné dans une autre réponse, utiliser moment.js semble être une bonne idée. momentjs.com
Chris
1
Vous devriez également envisager d'inclure padStart à chaque get: dt.getMinutes (). ToString.padStart (2, '0') Cela garantira que les nombres restent longs de 2 chiffres avec un zéro rempli, et cela suit la fonctionnalité javascript proposée - si jolie à l'épreuve du futur: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
Negative Zero
2
@NegativeZero Une suggestion vraiment utile (sinon essentielle). Malheureusement, cela n'a pas fonctionné pour moi sur Firefox (je n'ai pas testé sur d'autres navigateurs). Cependant, le réécrire en String (dt.getMinutes ()). PadStart (2, '0') fonctionne pour moi.
biscuitstack
54
Vous devez récupérer tous les "numéros" manuellement
Convertissez un Dateobjet en chaîne, en utilisant l'un des outils de Date.prototypeconversion de , par exemple:
var d =newDate();
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"
newDate(Date.now())// Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)newDate($.now());// Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)
..et si vous voulez que l'heure soit formatée en hh-mm-ss:
var now =newDate(Date.now());var formatted = now.getHours()+":"+ now.getMinutes()+":"+ now.getSeconds();// 20:10:58
Vous n'avez pas besoin de fournir de paramètres à la nouvelle Date () car elle est par défaut maintenant.
Andrew Spode
1
@Spode Ah, bon point. Je ne sais pas pourquoi d'autres réponses utilisaient jQuery à l'époque.
Josh Crozier
17
.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:02px5px#55c6ff,03px6px#55c6ff,04px7px#55c6ff}#Date {font-family:'Arial', Helvetica, sans-serif;font-size:26px;text-align: center;text-shadow:02px5px#55c6ff,03px6px#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:0020px#00c6ff;}50%{opacity:0;text-shadow:none;}100%{opacity:1.0;text-shadow:0020px#00c6ff;}}@-moz-keyframes mymove
{0%{opacity:1.0;text-shadow:0020px#00c6ff;}50%{opacity:0;text-shadow:none;}100%{opacity:1.0;text-shadow:0020px#00c6ff;}}
<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><scripttype="text/javascript">
$(document).ready(function(){// Making 2 variable month and dayvar monthNames =["January","February","March","April","May","June","July","August","September","October","November","December"];var dayNames=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]// make single objectvar newDate =newDate();// 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'svar seconds =newDate().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'svar minutes =newDate().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'svar hours =newDate().getHours();// Add a leading zero to the hours value
$("#hours").html(( hours <10?"0":"")+ hours);},1000);});</script><divclass="clock"><divid="Date"></div><ul><liid="hours"></li><liid="point">:</li><liid="min"></li><liid="point">:</li><liid="sec"></li></ul></div>
Cela renvoie le nombre de secondes écoulées depuis 1970, communément appelé (pas nécessairement correctement) l'heure Unix, l'époque ou l'horodatage, en fonction des cercles dans lesquels vous vous trouvez. Cela peut être très pratique pour calculer la différence entre les dates / heures à l'aide de simples mathématiques . Il ne contient aucune information sur la zone horaire et est toujours UTC.
Il n'est pas nécessaire d'utiliser jQuery comme autre que cet alias, il ne fait pas grand-chose d'autre pour aider à la manipulation de la date / heure.
Si vous recherchez une manière rapide et sale de représenter l'heure dans du texte, l'objet Date Javascript a un prototype "toString" qui renverra une Date Heure formatée ISO.
Plus que probablement, vous souhaiterez personnaliser votre mise en forme. L'objet Date a la capacité d'extraire vos détails pertinents afin que vous puissiez créer votre propre représentation sous forme de chaîne.
var d =newDate();//without params it defaults to "now"var t = d.getHours()+":"+ d.getMinutes()+":"+ d.getSeconds();//Will return 14:37:36
Cependant, comme vous avez demandé une solution jQuery, il est probable que vous travailliez avec des navigateurs plus anciens. Si vous souhaitez faire des choses plus spécifiques - en particulier interpréter des chaînes dans des objets Date (utile pour les réponses API), vous pouvez consulter Moment.js.
J'utilise moment pour tous mes besoins de manipulation / affichage du temps (à la fois côté client et node.js si vous l'utilisez), si vous avez juste besoin d'un format simple, les réponses ci-dessus feront l'affaire, si vous cherchez quelque chose d'un peu plus complexe, le moment est la voie à suivre pour l'OMI.
<html><head><scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>functionShowLocalDate(){var dNow =newDate();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><labelid="currentDate">This is current local Date Time in JQuery</p><buttontype="`enter code here button onclick="ShowLocalDate()">Show Local DateTime</button></body></html>
vous pouvez obtenir plus d'informations à partir du lien ci-dessous
En utilisant les fonctions de date natives de JavaScript, vous pouvez obtenir les heures , les minutes et les secondes à votre guise. Si vous souhaitez formater la date et l'heure d'une manière particulière, vous pouvez implémenter une méthode étendant le prototype JavaScript Date.
$.now()
car JavaScript a une implémentation native: stackoverflow.com/questions/20456712/…Réponses:
Vous pouvez essayer comme ceci:
En utilisant également Javascript, vous pouvez faire comme ceci:
la source
Vous devez récupérer tous les "numéros" manuellement
comme ça:
la source
Convertissez un
Date
objet en chaîne, en utilisant l'un des outils deDate.prototype
conversion de , par exemple:Ou, si vous le souhaitez plus personnalisé, consultez la liste des
Date.prototype
méthodes getter de .la source
Vous n'avez pas besoin d'utiliser jQuery pour cela!
L' implémentation native de JavaScript est
Date.now()
.Date.now()
et$.now()
renvoyez la même valeur:..et si vous voulez que l'heure soit formatée en hh-mm-ss:
la source
la source
jQuery.now()
Renvoie: NumberDescription: renvoie un nombre représentant l'heure actuelle.
Cette méthode n'accepte aucun argument.
La
$.now()
méthode est un raccourci pour le nombre renvoyé par l'expression(new Date).getTime()
.http://api.jquery.com/jQuery.now/
C'est simple d'utiliser Javascript:
la source
$ .now () de jQuery est un alias de new Date (). getTime (), une fonction Javascript interne.
http://api.jquery.com/jquery.now/
Cela renvoie le nombre de secondes écoulées depuis 1970, communément appelé (pas nécessairement correctement) l'heure Unix, l'époque ou l'horodatage, en fonction des cercles dans lesquels vous vous trouvez. Cela peut être très pratique pour calculer la différence entre les dates / heures à l'aide de simples mathématiques . Il ne contient aucune information sur la zone horaire et est toujours UTC.
http://en.wikipedia.org/wiki/Unix_time
Il n'est pas nécessaire d'utiliser jQuery comme autre que cet alias, il ne fait pas grand-chose d'autre pour aider à la manipulation de la date / heure.
Si vous recherchez une manière rapide et sale de représenter l'heure dans du texte, l'objet Date Javascript a un prototype "toString" qui renverra une Date Heure formatée ISO.
Plus que probablement, vous souhaiterez personnaliser votre mise en forme. L'objet Date a la capacité d'extraire vos détails pertinents afin que vous puissiez créer votre propre représentation sous forme de chaîne.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
Cependant, comme vous avez demandé une solution jQuery, il est probable que vous travailliez avec des navigateurs plus anciens. Si vous souhaitez faire des choses plus spécifiques - en particulier interpréter des chaînes dans des objets Date (utile pour les réponses API), vous pouvez consulter Moment.js.
http://momentjs.com/
Cela garantira une compatibilité entre navigateurs et un formatage bien amélioré sans avoir à concaténer de nombreuses chaînes ensemble! Par exemple:
la source
J'utilise moment pour tous mes besoins de manipulation / affichage du temps (à la fois côté client et node.js si vous l'utilisez), si vous avez juste besoin d'un format simple, les réponses ci-dessus feront l'affaire, si vous cherchez quelque chose d'un peu plus complexe, le moment est la voie à suivre pour l'OMI.
la source
vous pouvez obtenir plus d'informations à partir du lien ci-dessous
http://www.morgantechspace.com/2013/11/Get-current-Date-time-in-JQuery.html#GetLocalDateTimeinJQuery
la source
Essayer
la source
En utilisant les fonctions de date natives de JavaScript, vous pouvez obtenir les heures , les minutes et les secondes à votre guise. Si vous souhaitez formater la date et l'heure d'une manière particulière, vous pouvez implémenter une méthode étendant le prototype JavaScript Date.
En voici un déjà implémenté: https://github.com/jacwright/date.format
la source
Pour l'heure locale
ISO8601
pour SQL,TIMESTAMP
vous pouvez essayer:la source
la source
Vous pouvez utiliser Date () dans JS.
la source
Le suivant
fonctionne pour forcer la date actuelle sur un
<input type="datetime-local">
la source