JavaScriptで現在の年を取得するにはどうすればよいですか?
JavaScriptで現在の年を取得するにはどうすればよいですか?
回答:
new Date()
オブジェクトを作成して呼び出しますgetFullYear()
:
new Date().getFullYear()
// returns the current year
受け入れられた回答をハイジャックして、現在の年を常に表示するフッターのような基本的なコンテキスト例を提供します。
<footer>
© <span id="year"></span>
</footer>
上記のHTMLが読み込まれた後に実行される別の場所:
<script>
document.getElementById("year").innerHTML = new Date().getFullYear();
</script>
// Return today's date and time
var currentTime = new Date()
// returns the month (from 0 to 11)
var month = currentTime.getMonth() + 1
// returns the day of the month (from 1 to 31)
var day = currentTime.getDate()
// returns the year (four digits)
var year = currentTime.getFullYear()
// write output MM/dd/yyyy
document.write(month + "/" + day + "/" + year)
これは日付を取得する別の方法です
new Date().getDate() // Get the day as a number (1-31)
new Date().getDay() // Get the weekday as a number (0-6)
new Date().getFullYear() // Get the four digit year (yyyy)
new Date().getHours() // Get the hour (0-23)
new Date().getMilliseconds() // Get the milliseconds (0-999)
new Date().getMinutes() // Get the minutes (0-59)
new Date().getMonth() // Get the month (0-11)
new Date().getSeconds() // Get the seconds (0-59)
new Date().getTime() // Get the time (milliseconds since January 1, 1970)
これは、HTML Webページに埋め込み、出力する方法です。
<div class="container">
<p class="text-center">Copyright ©
<script>
var CurrentYear = new Date().getFullYear()
document.write(CurrentYear)
</script>
</p>
</div>
HTMLページへの出力は次のとおりです。
Copyright©2018
new Date().getFullYear()
、受け入れられた回答ですでに取り上げられているように、回答には新しい情報が含まれていません。
現在の年では、DateクラスのgetFullYear()を使用できますが、要件に従って使用できる多くの関数があり、一部の関数は次のとおりです。
var now = new Date()
console.log("Current Time is: " + now);
// getFullYear function will give current year
var currentYear = now.getFullYear()
console.log("Current year is: " + currentYear);
// getYear will give you the years after 1990 i.e currentYear-1990
var year = now.getYear()
console.log("Current year is: " + year);
// getMonth gives the month value but months starts from 0
// add 1 to get actual month value
var month = now.getMonth() + 1
console.log("Current month is: " + month);
// getDate gives the date value
var day = now.getDate()
console.log("Today's day is: " + day);
この例では、フッターのスクリプトや他の回答のような場所を参照せずに、表示したい場所に配置できます。
<script>new Date().getFullYear()>document.write(new Date().getFullYear());</script>
例としてフッターの著作権注記
Copyright 2010 - <script>new Date().getFullYear()>document.write(new Date().getFullYear());</script>
このように単純にJavaScriptを使用できます。それ以外の場合は、大きなアプリケーションで役立つmomentJsプラグインを使用できます。
new Date().getDate() // Get the day as a number (1-31)
new Date().getDay() // Get the weekday as a number (0-6)
new Date().getFullYear() // Get the four digit year (yyyy)
new Date().getHours() // Get the hour (0-23)
new Date().getMilliseconds() // Get the milliseconds (0-999)
new Date().getMinutes() // Get the minutes (0-59)
new Date().getMonth() // Get the month (0-11)
new Date().getSeconds() // Get the seconds (0-59)
new Date().getTime() // Get the time (milliseconds since January 1, 1970)
function generate(type,element)
{
var value = "";
var date = new Date();
switch (type) {
case "Date":
value = date.getDate(); // Get the day as a number (1-31)
break;
case "Day":
value = date.getDay(); // Get the weekday as a number (0-6)
break;
case "FullYear":
value = date.getFullYear(); // Get the four digit year (yyyy)
break;
case "Hours":
value = date.getHours(); // Get the hour (0-23)
break;
case "Milliseconds":
value = date.getMilliseconds(); // Get the milliseconds (0-999)
break;
case "Minutes":
value = date.getMinutes(); // Get the minutes (0-59)
break;
case "Month":
value = date.getMonth(); // Get the month (0-11)
break;
case "Seconds":
value = date.getSeconds(); // Get the seconds (0-59)
break;
case "Time":
value = date.getTime(); // Get the time (milliseconds since January 1, 1970)
break;
}
$(element).siblings('span').text(value);
}
li{
list-style-type: none;
padding: 5px;
}
button{
width: 150px;
}
span{
margin-left: 100px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li>
<button type="button" onclick="generate('Date',this)">Get Date</button>
<span></span>
</li>
<li>
<button type="button" onclick="generate('Day',this)">Get Day</button>
<span></span>
</li>
<li>
<button type="button" onclick="generate('FullYear',this)">Get Full Year</button>
<span></span>
</li>
<li>
<button type="button" onclick="generate('Hours',this)">Get Hours</button>
<span></span>
</li>
<li>
<button type="button" onclick="generate('Milliseconds',this)">Get Milliseconds</button>
<span></span>
</li>
<li>
<button type="button" onclick="generate('Minutes',this)">Get Minutes</button>
<span></span>
</li>
<li>
<button type="button" onclick="generate('Month',this)">Get Month</button>
<span></span>
</li>
<li>
<button type="button" onclick="generate('Seconds',this)">Get Seconds</button>
<span></span>
</li>
<li>
<button type="button" onclick="generate('Time',this)">Get Time</button>
<span></span>
</li>
</ul>
ここにある答えのほとんどは、ローカルマシンのタイムゾーンとオフセット(クライアント側)に基づいて現在の年が必要な場合にのみ正解です-ほとんどのシナリオでは、信頼できると見なすことができないソース(マシンごとに異なる可能性があるため) 。
信頼できるソースは次のとおりです。
Date
インスタンスで呼び出されたメソッドは、マシンのローカル時間に基づいて値を返します。
詳細については、「MDN web docs」:JavaScript Dateオブジェクトをご覧ください。
あなたの便宜のために、私は彼らのドキュメントから関連するメモを追加しました:
(...)日付と時刻またはそのコンポーネントをフェッチする基本的な方法はすべて、ローカル(ホストシステム)のタイムゾーンとオフセットで機能します。
これについて言及している別のソースは、JavaScriptの日付と時刻オブジェクトです。
誰かの時計が数時間ずれている場合、または別のタイムゾーンにいる場合、Dateオブジェクトは自分のコンピューターで作成されたものとは異なる時刻を作成することに注意することが重要です。
使用できる信頼できる情報源は次のとおりです。
しかし、時間の正確さを気にしない場合、またはユースケースでローカルマシンの時間に関連する時間の値が必要な場合は、または(現在の年)Date
などのJavascriptの基本的なメソッドを安全に使用できます。Date.now()
new Date().getFullYear()