[解決済み】JavaScriptで現在の日付と時刻を取得する
2022-03-23 08:43:57
質問
JavaScriptで現在の日付と時刻を表示するスクリプトがあるのですが
DATE
がいつも間違っている。以下はそのコードです。
var currentdate = new Date();
var datetime = "Last Sync: " + currentdate.getDay() + "/" + currentdate.getMonth()
+ "/" + currentdate.getFullYear() + " @ "
+ currentdate.getHours() + ":"
+ currentdate.getMinutes() + ":" + currentdate.getSeconds();
を印刷する必要があります。
18/04/2012 15:07:33
と表示され
3/3/2012 15:07:33
解決方法は?
.getMonth()
はゼロベースの数値を返すので、正しい月を得るには 1 を加える必要があります。
.getMonth()
を返します。
4
であり
5
.
つまり、あなたのコードでは
currentdate.getMonth()+1
を使えば、正しい値が出力されます。さらに
-
.getDate()
は、その月の日数を返します。 <- これはあなたが欲しいものです。 -
.getDay()
は別メソッドでDate
オブジェクトは、現在の曜日を表す整数値 (0-6) を返します。0 == Sunday
その他
ということで、コードは以下のようになります。
var currentdate = new Date();
var datetime = "Last Sync: " + currentdate.getDate() + "/"
+ (currentdate.getMonth()+1) + "/"
+ currentdate.getFullYear() + " @ "
+ currentdate.getHours() + ":"
+ currentdate.getMinutes() + ":"
+ currentdate.getSeconds();
JavaScriptのDateインスタンスはDate.prototypeを継承しています。コンストラクタのプロトタイプオブジェクトを変更することで、JavaScript の Date インスタンスが継承するプロパティとメソッドに影響を与えることができます。
を利用することができます。
Date
プロトタイプオブジェクトを使用して、今日の日付と時刻を返す新しいメソッドを作成することができます。これらの新しいメソッドやプロパティは、プロトタイプオブジェクトのすべてのインスタンスに継承されます。
Date
このため、この機能を再利用する必要がある場合に特に便利です。
// For todays date;
Date.prototype.today = function () {
return ((this.getDate() < 10)?"0":"") + this.getDate() +"/"+(((this.getMonth()+1) < 10)?"0":"") + (this.getMonth()+1) +"/"+ this.getFullYear();
}
// For the time now
Date.prototype.timeNow = function () {
return ((this.getHours() < 10)?"0":"") + this.getHours() +":"+ ((this.getMinutes() < 10)?"0":"") + this.getMinutes() +":"+ ((this.getSeconds() < 10)?"0":"") + this.getSeconds();
}
あとは、以下のようにすれば、簡単に日付と時刻を取得することができます。
var newDate = new Date();
var datetime = "LastSync: " + newDate.today() + " @ " + newDate.timeNow();
あるいは、インラインでメソッドを呼び出すので、単純に - となる。
var datetime = "LastSync: " + new Date().today() + " @ " + new Date().timeNow();
関連
-
[解決済み] 解決済み】clearInterval()が動作しない [重複] [重複]
-
[解決済み】JavaScriptで「無効な日付」のDateインスタンスを検出する
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] Pythonで現在時刻を取得する方法
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptの日付の書式設定方法
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] JavaScriptで日付の書式設定に関するドキュメントはどこにありますか?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】JavaScriptのisset()に相当するもの
-
[解決済み】webpack-dev-serverにリモート接続すると、「Invalid Host header」というメッセージが表示されます。
-
[解決済み】「Uncaught TypeError: Chromeで "Illegal invocation "が発生する。
-
[解決済み】React.jsの配列の子要素のユニークキーを理解する
-
[解決済み】npm install --legacy-peer-deps は具体的に何をするのですか?どんなときに推奨されるのか/どんな使用例が考えられるのか?
-
[解決済み】Redux TypeError: 未定義のプロパティ 'apply' を読み取れない
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み】module.exports "モジュールが定義されていません"
-
[解決済み] JavaScriptで現在の日付を取得するには?