JavaScriptの日付
Date オブジェクトは、日付と時刻を処理するために使用されます。
オンライン例
Date() メソッドを使用して今日の日付を取得する方法。
インスタンス
<!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>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
getFull Year() getFull Year() を使用して年を取得します。
インスタンス
<!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>インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
getTime()
getTime() 1970 年 1 月 1 日から現在までのミリ秒数を返します。
インスタンス
<!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>インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
setFull Year()
setFull Year() を使用して特定の日付を設定する方法。
インスタンス
<!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>インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
toUTCString()
toUTCString()を使用して今日の日付(UTCによる)を変換する方法文字列。
インスタンス
<!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>インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
getDay()
getDay()と配列を使用して曜日を表示する方法単なる数字の代わりに。
インスタンス
<!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>インスタンスを実行する »
「インスタンスを実行」ボタンをクリックしてオンライン例を表示します
時計を表示する
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>インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
完全な日付オブジェクト リファレンス マニュアル
日付オブジェクトで使用できるすべてのプロパティとメソッドを含む、JavaScript 日付オブジェクト リファレンス マニュアルを提供します。 JavaScript 日付オブジェクト リファレンス マニュアル。
マニュアルには、各プロパティとメソッドの詳細な説明と関連する例が含まれています。
Creation Date
Date オブジェクトは日付と時刻を処理するために使用されます。
Date オブジェクトは new キーワードを通じて定義できます。次のコードは、myDate という名前の Date オブジェクトを定義します。
日付を初期化するには 4 つの方法があります:
new Date(milliseconds) // 1970 年 1 月 1 日から現在の日付と時刻を返します。 present ミリ秒数
new Date(dateString)
new Date(年、月、日、時、分、秒、ミリ秒)
上記のパラメータのほとんどはオプションで、指定しない場合、デフォルトのパラメータは 0 です。
日付をインスタンス化する例:
var d1 = new Date(" October 13, 1975 11:13:00")
var d2 = new Date(79,5, 24) )
var d3 = new Date(79,5,24,11,33,0)
日付を設定します
日付オブジェクトのメソッドを使用することで、簡単に日付を設定できます。
以下の例では、日付オブジェクトに特定の日付 (2010 年 1 月 14 日) を設定します。次の例では、日付オブジェクトを 5 日後の日付に設定します:
myDate.setDate(myDate.getDate()+5);
注: 日数を追加すると、月または年を変更すると、日付オブジェクトがこの変換を自動的に実行します。
2 つの日付の比較
Date オブジェクトを使用して 2 つの日付を比較することもできます。 次のコードは、現在の日付と 2100 年 1 月 14 日を比較します:
var x=new Date();
var today = new Date() ;
if (x>今日)
{else
{
alert("今日は 2100 年 1 月 14 日以降です");
}
