Objet Date JavaScript
Ce chapitre présente l'objet JavaScript Date.
Les objets Date sont utilisés pour gérer les dates et les heures.
Instance d'objet JavaScript Date (date)
Comment utiliser la méthode Date() pour obtenir la date actuelle :
<html> <meta charset="utf-8"> <body> <script type="text/javascript"> document.write(Date()) </script> </body> </html>
getTime() renvoie la date du 1er janvier 1990 à aujourd'hui Nombre de millisecondes :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">单击按钮显示1970年1月1号至今的毫秒数。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.getTime();
}
</script>
</body>
</html>Comment utiliser setFullYear() pour définir une date spécifique :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">单击按钮显示修改后的年月日。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var d = new Date();
d.setFullYear(2020,10,3);
var x = document.getElementById("demo");
x.innerHTML=d;
}
</script>
<p>记住JavaScript月数是从0至11。10是11月。</p>
</body>
</html>Comment utiliser toUTCString() pour convertir la date d'aujourd'hui (selon UTC) en une chaîne :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">点击按钮把utc日期和时间转换成字符串。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var d = new Date();
var x = document.getElementById("demo");
x.innerHTML=d.toUTCString();
}
</script>
</body>
</html>Comment utiliser getDay() et un tableau pour afficher le jour de la semaine, pas seulement des chiffres :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">单击按钮显示今天周几</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var d = new Date();
var weekday=new Array(7);
weekday[0]="周日";
weekday[1]="周一";
weekday[2]="周二";
weekday[3]="周三";
weekday[4]="周四";
weekday[5]="周五";
weekday[6]="周六";
var x = document.getElementById("demo");
x.innerHTML=weekday[d.getDay()];
}
</script>
</body>
</html>Comment afficher une horloge sur une page Web :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
function startTime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){startTime()},500);
}
function checkTime(i){
if (i<10){
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>Date de création
L'objet Date est utilisé pour gérer la date et l'heure.
Les objets Date peuvent être définis via le nouveau mot-clé. Le code suivant définit un objet Date nommé myDate :
Il existe quatre façons d'initialiser la date :
new Date() // Date et heure actuelles
new Date(milliseconds) / / Renvoie le nombre de millisecondes depuis le 1er janvier 1970
new Date(dateString)
new Date(year, mois, day, hours, minutes, seconds, milliseconds)
Les paramètres ci-dessus sont grands La plupart d'entre eux sont facultatifs. S'ils ne sont pas spécifiés, le paramètre par défaut est 0.
<pA jour de 1970="" année="" 1="" mois="" est de 86 400 000 millisecondes<="" p="" style="color: rgb(51 , 51, 51 ); famille de polices : 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif ; -color: rgb(255, 255, 255);">
Quelques exemples d'instanciation d'une date :
var aujourd'hui = new Date()
var d1 = new Date( "13 octobre 1975 11:13:00")
var d2 = nouvelle Date(79,5,24)
var d3 = nouvelle Date(79,5,24,11,33,0)
Définir la date
En utilisant des méthodes sur les objets date, nous pouvons facilement opérer sur les dates.
Dans l'exemple suivant, nous définissons une date spécifique (14 janvier 2010) pour l'objet date :
var myDate=new Date();
myDate. 0,14);
Dans l'exemple suivant, nous définissons l'objet date sur une date 5 jours plus tard :
var myDate=new Date();
myDate .setDate(myDate .getDate()+5);
Remarque : Si l'ajout de jours modifie le mois ou l'année, l'objet date terminera automatiquement cette conversion.
Comparaison de deux dates
Les objets Date peuvent également être utilisés pour comparer deux dates.
Le code suivant compare la date actuelle au 14 janvier 2100 :
var x=new Date();
x.setFullYear(2100,0,14);
var aujourd'hui = new Date();
if (x>aujourd'hui)
{
alert("Aujourd'hui, c'est avant le 14 janvier 2100");
}
else
{
alert("Aujourd'hui, c'est après le 14 janvier 2100");
}
