TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのdateにおけるtoStringメソッドについて現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
JavaScript

JavaScriptのdateにおけるtoStringメソッドについて現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptのdateにおけるtoStringメソッドについて解説しています。toStringメソッドを使うことで、Dateオブジェクトの日時を文字列に変換することができます。使い方とフォーマットの表示の例を見ていきましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

JavaScriptのdateにおけるtoStringメソッドについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

dateにおけるtoStringメソッドについて詳しく説明していくね！

大石ゆかり

お願いします！

 

目次

 

dateとは

日付という意味の英単語です。
JavaScriptでも日時を扱うDateという名前のオブジェクトが用意されています。
Dateオブジェクトには日時を操作するメソッドが揃っているので、日時の操作をする場合は活用してみてください。

 

[PR] コーディングで副業する方法とは

toStringの使い方

JavaScriptのDateオブジェクトにはtoStringというメソッドがあります。toStringメソッドはDateオブジェクトの持つ日時を下記のフォーマットを1行で表記した文字列を返します。

  • 3文字の英語の曜日名：半角スペース
  • 3文字の英語の月名：半角スペース
  • 2桁の日：半角スペース
  • 4桁の年：半角スペース
  • 2桁の時：コロン
  • 2桁の分：コロン
  • 2桁の秒：半角スペース
  • GMT
  • タイムゾーンのオフセット記号
  • 2桁の時間のオフセット
  • 2桁の分のオフセット
  • タイムゾーン名

フォーマットの表示の例として、日本語環境で2020年1月1日 00:00:00のDateオブジェクトにtoStringメソッドを使った場合は下記のようになります。

Wed Jan 01 2020 00:00:00 GMT+0900 (日本標準時)

 

tostringを利用して日時を文字列に変換してみよう

まずはDateオブジェクトを用意します。下記のように記述すると、実行した時点の日時をもつDateオブジェクトがnowという変数に格納されます。

let now = new Date();

用意したDateオブジェクトを格納したnowにtoStringメソッドを使うことで、nowStringという変数に実行した環境に応じた文字列が格納されます。

let nowString = now.toString();

結果が実行した時間で変わるので、次は日時を指定してDateオブジェクトを用意して、toStringメソッドを使う例を紹介します。
今回は、2020年1月1日 00:00:00のDateオブジェクトにします。

let date = new Date(2020, 0);

Dateオブジェクトの第一引数に年、第2引数に月を指定すると、日は1、それ以下の時や分などは0になった日時で生成できます。
なお、月の指定は0から始まることに注意してください。1月は0、2月は1、3月は2、、、という具合です。

それでは用意したDateオブジェクトにtoStringメソッドを使います。

let dateString = date.toString();

日本語環境での結果は、dateStringという変数に下記ような文字列が格納されます。

Wed Jan 01 2020 00:00:00 GMT+0900 (日本標準時)

 

まとめ

DateオブジェクトのtoStringメソッドを紹介しました。
Dateオブジェクトには日時を扱うメソッドが他にもたくさんあるので試してみてください。

 

監修してくれたメンター

横山茂雄（よこやましげお）

フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。

言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。

 

大石ゆかり

内容分かりやすくて良かったです！

田島悠介

ゆかりちゃんも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

 

TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

JavaScriptでlengthを使って文字数をカウントする方法を現役エンジニアが解説【初心者向け】

JavaScript文字数をカウントする方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 文字列...
JavaScript

JavaScriptでCSSのstyleを操作する方法を現役エンジニアが解説【初心者向け】

JavaScriptでCSSのstyleを操作する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。...
JavaScript

JavaScriptのgetElementByIdメソッドでHTMLの要素を取得する方法を現役エンジニアが解説

JavaScriptのgetElementByIdメソッドでHTMLの要素を取得する方法について、TechAcademyのメンター（現役エンジニア）が実際のコー...
JavaScript

JavaScriptのコンボボックスの実装方法を現役エンジニアが解説【初心者向け】

JavaScriptのコンボボックスの実装方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入門...
JavaScript

JavaScriptのconfirmメソッドでポップアップの文字色を変更する方法を現役エンジニアが解説【初心者

JavaScriptのconfirmメソッドでポップアップの文字色を変更する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用...
JavaScript

PHPからJavaScriptに多次元配列を受け渡す方法を現役エンジニアが解説【初心者向け】

PHPからJavaScriptに多次元配列を受け渡す方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説しま...
JavaScript

あわせてよく読まれている記事

JavaでDate型の日時を加算・減算する方法を現役エンジニアが解説【初心者向け】

JavaでDate型の日時を加算、減算する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次 Date型とは Calendarクラスとは Date型の日時を加算する方法 Date型の日時を減算する方法 実際に書いてみよう まとめ Javaについてそもそもよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まるでしょう。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Date型の日時を加算、減算する方法だよ。知らないとよくつまずく内容だから、詳しく説明していくね！ 大石ゆかり お願いします！ Date型とは Date型とは、Javaで日付の処理を行うクラスです。 Date型の持つ日時情報は「1970年1月1日0時からの経過時間」をミリ秒単位で示したものです。 また、printlnメソッドなどで表示すると、下記のように年月日と曜日まで加えてわかりやすく表示してくれます。 Tue Feb 18 17:38:14 JST 2020 しかし、Date型では時間、秒などの細かい日時を扱うことは推奨されていません。 日時情報の時間、秒などの細かい日時を扱う場合には、Calendarクラスを利用します。   [PR] コーディングで副業する方法とはCalendarクラスとは Date型と同じように日時を扱うことのできるクラスで、時間や秒などの細かい日時が計算可能です。 Date型の計算を行いたい場合には、Calendar型に一度変換し、計算を行います。 Date型をCalendar型に変換する場合、setTimeメソッドを使って下記のように記述しましょう。 Calendar Calendar型オブジェクト名 = Calendar.getInstance(); Calendar型オブジェクト名.setTime(Date);   逆に、Calendar型からDate型を取得するには、getTimeメソッドを使い下記のように記述します。 Date Date型オブジェクト名 = Calendar型オブジェクト名.getTime();   Date型の日時を加算する方法 Date型の日時を加算する方法としては、Calendar型のaddメソッドを使います。 addメソッドは、下記のように記述しましょう。 Calendar型.add(年 or 月 or 日 or 時間 or 分などを指定, 加算する値);   第一引数の部分に関しては、以下のいずれかの定数を指定し、加算する対象を設定します。 年→Calendar.YEAR 月→Calendar.MONTH 日→Calendar.DAY_OF_MONTH など 時間→Calendar.HOUR_OF_DAY など 分→Calendar.MINUTE   例えば、2ヶ月先の日時を取得したい場合は、下記のようにCalendar型で2ヶ月分を加算してからDate型に変換してみましょう。 Calendar型.add(Calendar.MONTH, 2);   Date型の日時を減算する方法 Date型の日時を減算する方法は、加算の場合と同じくCalendar型のaddメソッドを使います。 加算の場合は、第二引数に正の整数を指定しましたが、減算の場合には、第二引数に負の整数を指定する点に注意が必要です。 単純に数字にマイナスをつければ問題ないので、減算は難しくないでしょう。 例えば、2ヶ月前の日時を取得したい場合、下記のようにCalendar型で2カ月分を減算し、さらにDate型に変換すれば取得できます。 Calendar型.add(Calendar.MONTH, -2);   実際に書いてみよう それでは、コードで日時の加算、減算をしてみましょう。 import java.util.Date; import java.util.Calendar; class DateSample{     public static void main(String args[]){       //日時を格納するためのDateクラスを宣言(現在時刻)        Date date = new Date();        Calendar calendar =
Java

JavaScriptによる日付(date)の加算(add)について現役エンジニアが解説【初心者向け】

JavaScriptによる日付(date)の加算(add)について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptによる日付(date)の加算(add)について詳しく説明していくね！ 大石ゆかり お願いします！   目次 dateとは dateデータへの加算方法 日付データを加算してみよう まとめ   dateとは 日付という意味の英単語です。 JavaScriptでも日時を扱うDateという名前のオブジェクトが用意されています。 Dateオブジェクトには日時を操作するメソッドが揃っているので、日時の操作をする場合は活用してみてください。   [PR] コーディングで副業する方法とはdateデータへの加算方法 日時を加算するためには、基準になる日時の取得と、加算した日時の設定が必要です。 基準になる日時の取得は、Dateオブジェクトに取得したい単位に応じたget〜メソッドを使います。たとえば、日を取得する場合はgetDate、時を取得する場合はgetHoursとなります。 get〜で取得した数値に加算をしたら、取得した単位に応じたset〜というメソッドを使います。たとえば、日を設定する場合はsetDate、時を設定する場合はsetHoursとなります。 基本的にはこれだけなのですが、日時の扱いは間違いやすい動作がいくつかあるので実際に加算する処理と合わせて紹介します。   日付データを加算してみよう まずは、加算する前に基準になる日時を用意します。 下記のように記述すると、実行した時点の日時をもつDateオブジェクトがnowという変数に格納されます。 let now = new Date(); 日時を指定してDateオブジェクトを作成する場合は、引数に年、月、日…というように数値を指定します。 数値で指定する場合は、年と月の2つの数値が必須になりそれ以下は省略可能です。省略した場合は、日付は1、時間や分などは0となります。 let date = new Date(2020, 10, 1); 上記の例では、2020年11月1日の00:00:00のDateオブジェクトを作成しています。月の指定は0から始まることに注意してください。1月は0、2月は1、、、と増えます。 ここで用意したdateの変数を使って、これ以下で加算の処理を紹介します。 年を1つ加算する date.setFullYear( date.getFullYear() + 1 ); 年を扱うメソッドの名前はsetYearではなくsetFullYearです。setYearは2000年問題の対応で非推奨になり、setFullYearに置き換えられています。 セットする年は、getFullYearで取得した年に1を足すことで2020年が2021年になります。 月、日、時、分を1つ加算する 同じように月や日、時、分なども加算ができます。 //月を1つ加算する date.setMonth( date.getMonth() + 1); //日を1つ加算する date.setDate( date.getDate() + 1); //時を1つ加算する date.setHours( date.getHours() + 1); //分を1つ加算する date.setMinutes( date.getMinutes() + 1); 上限を超えた場合の動作 月や時など数値の上限が決まっているもの（月は11まで、時は12まで）は、加算して超えた場合に上位の単位が繰り上がります。 たとえば、今回の紹介で使った2020年11月の月に2を足すと2021年の1月となります。 //2020年11月から2021年1月になる date.setMonth( date.getMonth() + 2);   まとめ 日付を扱うDateオブジェクトと加算方法を紹介しました。 日付の扱いの注意点を抑えて使ってください。   筆者プロフィール 横山茂雄（よこやましげお） フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。 言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

JavaScriptのDateのタイムゾーンについて現役エンジニアが解説【初心者向け】

JavaScriptのDateのタイムゾーンについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptのDateのタイムゾーンについて詳しく説明していくね！ 大石ゆかり お願いします！   目次 Dateオブジェクトとは Dateのタイムゾーンについて 実際に使ってみよう まとめ   Dateオブジェクトとは Dateオブジェクトとは日時を表すオブジェクトです。年、月、日、曜日、時刻などの日時を扱うメソッドを持っています。 Dateオブジェクトを使う場合は、JavaScriptに組み込まれているDateオブジェクトをそのまま使う方法と生成する方法があります。そのまま使う場合は、静的なメソッドのみが使えます。 Dateを生成する場合は、引数を無しで生成すると生成した日時の情報を持ちます。下記の場合だと、nowという変数に生成した日時の情報を持ったDateオブジェクトが格納されています。 let now = new Date(); 引数で日時を指定してDateオブジェクトを生成する場合は、下記の3パターンの指定が可能です。 1、UNIXタイムスタンプである1970年1月1日0時からのミリ秒を渡す 下記の場合だと、nowという変数に1970年1月1日0時の日時を持ったDateオブジェクトが格納されています。 let now = new Date(0); 2、タイムスタンプ文字列を渡す 下記のように日時を表す文字列でも生成できますが、文字列の解釈が環境に依存するので推奨されません。 let now = new Date('2020-1-1'); 3、年や月などの値を個別に指定して渡す 年と月の2つは必須になり、それ以降を省略した場合は最小の数となります。下記の例では、年に2020、月に1、それ以降を省略しているので1日の0時となります。 let now = new Date(2020, 1);   [PR] コーディングで副業する方法とはDateのタイムゾーンについて 世界には地域により時差があるので、どの地域の時刻なのかを表す必要があります。タイムゾーンを理解するにあたり、下記の3つの用語をおさえておきましょう。 1、GMT（Greenwich Mean Time）：グリニッジ標準時 経度が0のイギリスのグリニッジ天文台の時刻で、ここを世界の基準として時差を計算します。 2、UTC（Universal Time, Coordinated）：世界協定時 GMTの時刻で生じる数秒の誤差を調整した時刻です。GMTとほぼ同じ時刻になります。 3、JST（Japan Standard Time）：日本標準時 GMTの時刻から9時間進めた時刻になります。生成したDateオブジェクトは実行した環境のタイムゾーンとして扱われます。 日本語環境で実行しているならば、日本時間（JST）ということになります。また日本時間として扱っていても、内部ではUTCの時刻も持っています。 実際に使ってみよう 生成したDateオブジェクトがどのような日時になっているか確認してみます。 下記の例では、引数なしでDateオブジェクトを生成しているので実行した時刻となります。生成したDateオブジェクトをコンソールに出力すると、実行した時刻と日本時間であることが表示されます。 let now = new Date(); console.log(now); //Wed Sep 30 2020 17:39:14 GMT+0900 (日本標準時) 続いて、1970年1月1日0時でDateオブジェクトを生成して日時がどのようになるか確認してみます。 1970年1月1日0時は、UNIXタイムスタンプ（1970年1月1日0時からのミリ秒）で0なので0を渡して生成します。 生成したDateオブジェクトをコンソールに出力すると、日本時間となり9時間足されていることが確認できます。また、GMTで出力すると基準の時間になっていることが確認できます。そして、getTime()メソッドでUNIXタイムスタンプからのミリ秒は0になっています。 let now = new Date(0); console.log(now); //Thu Jan 01 1970 09:00:00 GMT+0900 (日本標準時) console.log(now.toGMTString()); //Thu, 01 Jan 1970 00:00:00 GMT console.log(now.getTime());
JavaScript

JavaScriptで2つの日付の差分を求める方法を現役エンジニアが解説【初心者向け】

Web制作をしていると、日付や日時の差を表示したいことがありますよね。 「キャンペーン終了まで残り5日」「予定時刻より3時間経過しました」など、よく見ると思います。 日時を計算してみたけどうまくいかない、やり方が分からない。 そんな方のために、JavaScriptを用いて日時の差を表示する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次dateとはtoStringの使い方tostringを利用して日時を文字列に変換してみようまとめ監修してくれたメンター そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptで2つの日付の差分を求める方法について詳しく説明していくね！ 大石ゆかり お願いします！   JavaScriptで日付の差を求める方法 JavaScriptで日付の差を求めるサンプルコードがこちらです。 /*ページを読み込んだ日時=現在日時*/ var loadDate = new Date(); /*計算の基準となる日時*/ var distDate = new Date(2030, 1, 1); /*日時の差をミリ秒単位で取得*/ var diffMilliSec = distDate - loadDate; /*ミリ秒を日数に変換*/ var diffDays = parseInt(diffMilliSec / 1000 / 60 / 60 / 24); /*差の日数をHTMLに表示*/ document.getElementById('diff').textContent = diffDays; See the Pen diffDays by TAKAYOSHI (@lspuwbkv) on CodePen. 大まかな流れは下記の通りです。 現在日時と計算基準の日時データを、Dateオブジェクトで取得 基準日時と現在日時を引き算し、日時の差をミリ秒単位で算出 差のミリ秒から日数を計算し、HTMLに表示   しっかり理解すれば、すぐ使いこなせるようになりますよ。   Dateオブジェクトとは Dateオブジェクトとは、JavaScriptで日時データを扱うためのオブジェクトです。 日時データをタイムゾーンを考慮したうえで簡単に取得したり、日時から年や月や曜日を算出したりします。 プログラム上で日時データを扱うための便利な機能が、ひととおりそろっています。   /*ページを読み込んだ日時=現在日時*/ var loadDate = new Date(); /*計算の基準となる日時*/ var distDate = new Date(2030, 1, 1);   new Data(); と、引数なしでnewすると、現在日時でDateオブジェクトが作られます。 new Dataの引数に年月日を入れると、指定した日時のDateオブジェクトになります。 サンプルでは、2030年1月1日のオブジェクトを基準日時として作成しました。   [PR] コーディングで副業する方法とはUNIXタイムとは Dateオブジェクトの中では、UNIXタイムと呼ばれる形式で日時データを保持しています。 UNIXタイムは、JavaScriptだけではなく、様々なコンピュータやプログラムで共通した日時の表し方です。 1970年1月1日 0時 0分
JavaScript

JavaScriptでDateオブジェクトを使って日付を表示する方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptの組み込み関数の1つ、Dateオブジェクトを使って日付を表示する方法について解説します。 また、入門向けのJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。   本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発することができます。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   目次 組み込み関数のDateオブジェクトとは Dateオブジェクトを実際に生成してみよう Dateオブジェクトのプロパティを呼び出してみよう 　プロパティ1. getFullYear()（現時点での年を取得する） 　プロパティ2. getMonth()+1（現時点での月を取得する） 　プロパティ3. getDate()（現時点での日を取得する） 　プロパティ4. getDay() （現時点での曜日を取得する） 　5. 最後に（現時点での年・月・日・曜日を一気に取得する）     組み込み関数のDateオブジェクトとは 組み込み関数とは、JavaScrip側であらかじめ用意してくれているオブジェクトのことです。Dateオブジェクトは、組み込み関数の1つで、日付を扱う際に使います。   参考までに、組み込み関数の代表的なものには次のようなものがあります。   <組み込み関数（代表的なもの）> String　文字列を扱う Number　数値を扱う Boolean　論理値を扱う Array　配列を扱う Date　日付を扱う Math　数値計算で扱う   はじめから関数の内容が決まっているので、こちらで定義する手間もなく、実行するだけ。非常に便利なので重宝します。 組み込みオブジェクトを使う場合、newを使って次のようにオブジェクトを生成します。 var オブジェクト名= new object();    大石ゆかり 田島メンター！日付を扱うにはどうしたらいいでしょうか？ 田島悠介 Dateオブジェクトっていう組み込みオブジェクトが用意されているので、それを使うといいね。 大石ゆかり 日付を処理する関数は最初から用意されてるんですね。 田島悠介 他のプログラミング言語でもそうなんだよ。さっそくDateオブジェクトについて見てみよう！   [PR] コーディングで副業する方法とはDateオブジェクトを実際に生成してみよう 適当なオブジェクト名（today）をつけ、Dateオブジェクトを生成してみましょう。日付に関する様々なプロオパティやメソッドを出力することができます。 var today = new Date(); <!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScriptの練習</title> </head> <body> <script> var today = new Date(); </script> </body> </html>   ここまでできたら、console.logを使って日付に関する様々なプロオパティやメソッドを呼び出してみます。 次の章から見ていきましょう。     Dateオブジェクトのプロパティを呼び出してみよう Dateオブジェクトでの文字列の操作の仕方を、4つのプロパティを例に見ていきましょう。 プロパティ1. getFullYear()（現時点での年を取得する） プロパティ2. getMonth()+1（現時点での月を取得する） プロパティ3. getDate()（現時点での日を取得する） プロパティ4. getDay() （現時点での曜日を取得する） 5. 最後に（現時点での年・月・日・曜日を一気に取得する）     プロパティ1.
JavaScript

フォーマットの設定！JavaのDate型の使い方【初心者向け】

JavaのDate型の使い方について解説します。 実際にプログラムを書いて説明しているので、ぜひ理解しておきましょう。   そもそもJavaについてよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJava講座の内容をもとに作成しています。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 Date型の使い方について詳しく説明していくね！ 大石ゆかり お願いします！   Date型とは Javaで日時を扱うためのクラスはいくつかあり、java.util.Dateクラスはそのひとつです。   Date型の使い方 まず、基本的なやり方ですが、Dateクラスのインスタンスを取得して、そこに格納された情報を使用します。 （例） Date date = new Date(); System.out.println(date); Dateクラスはnewで取得したインスタンスにその時点での日時を格納します。 上記の例の実行結果は下記の様になります。 （実行結果の例） Fri Oct 05 02:29:22 JST 2018   上記以外の形式で日時を表示したい場合はjava.text.SimpleDateFormatクラスを利用します。 （例） Date date = new Date(); SimpleDateFormat df = new SimpleDateFormat("yyyy/MM/dd E HH:mm:ss"); System.out.println(df.format(date)); まず、SimpleDateFormatを使用したい日時表記の形式を指定してインスタンス化します。 そのインスタンスにDateのインスタンスを渡してフォーマットすることで、Dateが保持する日時の情報を指定した形式の文字列で取得することができます。 上記の例の実行結果は下記の様になります。 （実行結果の例） 2018/10/05 金 02:51:36   逆に、SimpleDateFormatを使用して特定の日時のインスタンスを取得することもできます。 （例） SimpleDateFormat df = new SimpleDateFormat("yyyy/MM/dd"); Date date = df.parse("2019/01/01"); まず、SimpleDateFormatを使用したい日時表記の形式を指定してインスタンス化します。 そのインスタンスに形式を合わせて日時を渡し、パースすることで、指定した日時情報を保持したDateクラスのインスタンスを得ることができます。   [PR] コーディングで副業する方法とは実際に書いてみよう 下記のプログラムは左欄で解説した内容を実際に動かすプログラムです。 実行して結果を確認してみてください。 import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Date; public class DateSample { public static void main(String[] args) { //①現在の日時を取得して表示 Date date = new Date();
Java

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのdateにおけるtoStringメソッドについて現役エンジニアが解説【初心者向け】