「任意の日付を取得してjQueryでHTML表示したい」という場合はどのようなコードを書いたらよいか、正しい方法をご紹介します。注意点1注意点2注意点3もっと短く書けないか?「Moment.js」プラグインを使うと色々楽になる日付を比較する日付の加算減算についてスポンサーリンク日付を取得・表示する仕組みについて日付を取得JavaScriptのDateクラスを利用しています。monthは-1した数を指定する引数に何も入れなかった場合は現在の日付Dateインスタンスが返り、引数指定(何種類か指定方法がある)した場合は任意の日付Dateインスタンスが返ります。いずれの方法でも、返ってくるのはDateインスタンスとなる点に注意です。(日本標準時)こんな感じ。日付がわからなくはないですが、このままの形で使うことはまずありませんので、整形をしていきます。(日本標準時)日付を整形Dateインスタンス内には、年や月などの値を取得できるメソッドがそれぞれ用意されていますので、それを利用して1つずつ呼び出していきます。ここはサンプルコードの通りですね。難しいことはやっていません。注意点がいくつかあります。注意点1年を取得するメソッドとしてgetYear()とgetFullYear()の2種類があるのですが、getYear()は「1900年を基準に何年進んでいるか」の数値が返ってきますので気をつけましょう。1900)注意点2月は0から始まります。1月は0、12月は11になります。Date()の第2引数でも、Date.getMonth()でも、月は0-11で表します。曜日も0から始まります注意点3日にちはgetDate()、曜日がgetDay()です。日にちを取得しようとしてgetDay()を使わないよう気をつけましょう。短く書けないか?冒頭のサンプルコードを見ていただけていればわかるとおり、日付を表示するだけなのに何行もコードが必要になってしまっているんですよね。他のプログラミング言語を経験されている方からすると「めんどくさ!」となるみたいです。H:i:s');この1行で日付表示ができてしまいます。jQueryにはこういった、日付を任意の形式に整形する機能が用意されていませんので、前述したように、自前で整形していく必要があります。「Moment.js」プラグインを使うと色々楽になるなるべく楽したい人向けに、とても便利なプラグイン「Moment.js」があります。2019年03月15日</script>このように1行でOK。後述する日付比較や、日付の加算減算なども容易になりますので、プラグインの使用がOKな環境であれば積極的に使っていきたいですね。有名で人気もあるプラグインですので、信頼性は担保されていると思います。スポンサーリンク日付を比較するたまにありますね。任意の日付が、現在日付と比べて昔か未来か、という判定を行いたいケース。ネットには色々なやり方が記載されていましたが、下記のようにgetTime()メソッドを使用するのが無難です。UTCから指定した日時までの経過時間をミリ秒で表した数値」が得られますので、ざっくり言えばすべての日付をミリ秒単位に揃えることができるようになります。{console.log('date2の方が未来');}ミリ秒同士で比較して、数値が大きい方が未来の日付、となるわけです。(数値が小さい方が過去の日付)スポンサーリンク日付の加算減算についてたまにあります...かね?今日からみて3ヶ月前の日付を表示したいケース。月から3引いたらええやん!って言って、じゃあ1月はどうすんのっていう。switch文とか使いつつガンバれないこともないですが、Dateインスタンスに用意されているset〇〇()メソッドを使うのが手っ取り早いですし確実です。3);set〇〇()メソッドは、規定範囲を超えた分は繰り越して処理してくれますので、setMonth()に-3が入った場合は、1月から-3なので9すなわち、ちゃんと10月が返ってきます。この仕様のおかげで、月によって日数が違ったりするケースなども考慮しなくていいので楽ちんです。インドア生活のすすめ.。