web-dev-qa-db-ja.com

JavaScriptで現在の年を取得します

JavaScriptで現在の年を取得する方法

javascriptdate
823
Satch3000

new Date()オブジェクトを作成し、getFullYear()を呼び出します。

new Date().getFullYear()
// returns the current year

常に現在の年を表示するフッターのような基本的な例のコンテキストを提供するために、受け入れられた答えをハイジャックする：

<footer>
    &copy; <span id="year">2018</span>
</footer>

上記のHTMLがロードされた後に他の場所で実行されます。

<script>
    document.getElementById("year").innerHTML = new Date().getFullYear();
</script>

document.getElementById("year").innerHTML = new Date().getFullYear();
footer {
  text-align: center;
  font-family: sans-serif;
}
<footer>
    &copy; <span id="year">2018</span> by FooBar
</footer>
1486
Jason Harwig
// 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)
211
Sourav

これは日付を取得するもう一つの方法です。

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)
82
Parth Jasani

今年度は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);
2
Rupesh Agrawal

このようにしてHTML Webページに埋め込んで出力します。

<div class="container">
    <p class="text-center">Copyright &copy; 
        <script>
            var CurrentYear = new Date().getFullYear()
            document.write(CurrentYear)
        </script>
    </p>
</div>

HTMLページへの出力は以下のとおりです。

著作権©2018

1
Jerusalem Programmer

このような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>
0
Nishal K.R