Date JavaScript



L'objet Date est utilisé pour gérer la date et l'heure.


Exemple en ligne
Comment utiliser la méthode Date() pour obtenir la date du jour.

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<script>
var d=new Date();
document.write(d);
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne


getFullYear() Utilisez getFullYear() pour obtenir l'année.

Instance

<!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 x = document.getElementById("demo");
	x.innerHTML=d.getFullYear();
}
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

getTime()
getTime() renvoie le nombre de millisecondes depuis le 1er janvier 1970.

Instance

<!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>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

setFullYear()
Comment utiliser setFullYear() pour définir une date spécifique.

Instance

<!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>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

toUTCString()
Comment utiliser toUTCString() pour convertir la date du jour (selon UTC) en chaîne.

Instance

<!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>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

getDay()
Comment utiliser getDay() avec un tableau pour afficher le jour de la semaine, pas seulement le numéro.

Instance

<!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>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Afficher une horloge
Comment afficher une horloge sur une page web.

Instance

<!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>

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Manuel de référence complet de l'objet Date

Nous fournissons la référence de l'objet Date JavaScript manuel, qui comprend toutes les propriétés et méthodes disponibles pour les objets date. Manuel de référence des objets de date JavaScript.

Le manuel contient des descriptions détaillées et des exemples associés de chaque propriété et méthode. L'objet Date est utilisé pour traiter les dates 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 actuellesnew Date( millisecondes ) //Renvoie le nombre de millisecondes depuis le 1er janvier 1970new Date(dateString)new Date(année, mois, jour, heures, minutes, secondes, millisecondes)

La plupart des paramètres ci-dessus sont facultatifs. S'ils ne sont pas spécifiés, le paramètre par défaut est 0.

Quelques exemples d'instanciation d'une date :

var aujourd'hui = new Date()

var d1 = new Date("October 13, 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

Nous pouvons facilement opérer sur les dates en utilisant des méthodes sur les objets date.

Dans l'exemple suivant, nous définissons une date spécifique (14 janvier 2010) pour l'objet date :
var myDate=new Date();
myDate.setFullYear (2010,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 sont également disponible Pour comparer deux dates.

Le code suivant compare la date actuelle avec le 14 janvier 2100 :

var x=new Date();
x.setFullYear(2100,0 ,14);

var aujourd'hui = new Date();if (x>aujourd'hui){alert("Aujourd'hui est avant le 14 janvier 2100");
}

else

{

alert("Aujourd'hui, c'est après le 14 janvier 2100");

}









←
→