JavaScriptで現在の日付を取得するにはどうすればよいですか?
57 に答える
現在の日付と時刻を含むnew Date()
新しいオブジェクトを生成するために使用します。Date
var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();
today = mm + '/' + dd + '/' + yyyy;
document.write(today);
これにより、今日の日付がmm / dd/yyyyの形式で表示されます。
today = mm +'/'+ dd +'/'+ yyyy;
好きなフォーマットに変更するだけです。
var utc = new Date().toJSON().slice(0,10).replace(/-/g,'/');
document.write(utc);
FirefoxとSafariはダッシュ付きの日付を認識しないため、などreplace
の変数を再利用する場合は、このオプションを使用してください。utc
new Date(utc)
可能な限り最短。
「2018-08-03」のような形式を取得するには:
let today = new Date().toISOString().slice(0, 10)
console.log(today)
「2018年8月3日」のような形式を取得するには:
let today = new Date().toLocaleDateString()
console.log(today)
また、たとえば、ロケールを引数として渡すこともできます。toLocaleDateString("sr")
更新しました!、 下へスクロール
エンドユーザーにとってかなりシンプルなものが必要な場合...Also, fixed a small suffix issue in the first version below. Now properly returns suffix.
var objToday = new Date(),
weekday = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'),
dayOfWeek = weekday[objToday.getDay()],
domEnder = function() { var a = objToday; if (/1/.test(parseInt((a + "").charAt(0)))) return "th"; a = parseInt((a + "").charAt(1)); return 1 == a ? "st" : 2 == a ? "nd" : 3 == a ? "rd" : "th" }(),
dayOfMonth = today + ( objToday.getDate() < 10) ? '0' + objToday.getDate() + domEnder : objToday.getDate() + domEnder,
months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'),
curMonth = months[objToday.getMonth()],
curYear = objToday.getFullYear(),
curHour = objToday.getHours() > 12 ? objToday.getHours() - 12 : (objToday.getHours() < 10 ? "0" + objToday.getHours() : objToday.getHours()),
curMinute = objToday.getMinutes() < 10 ? "0" + objToday.getMinutes() : objToday.getMinutes(),
curSeconds = objToday.getSeconds() < 10 ? "0" + objToday.getSeconds() : objToday.getSeconds(),
curMeridiem = objToday.getHours() > 12 ? "PM" : "AM";
var today = curHour + ":" + curMinute + "." + curSeconds + curMeridiem + " " + dayOfWeek + " " + dayOfMonth + " of " + curMonth + ", " + curYear;
document.getElementsByTagName('h1')[0].textContent = today;
<h1></h1>
UBBER UPDATE多くの先延ばしの後、私はついにGitHubbedを作成し、これを自分で使用していた最終的なソリューションで更新しました。それをより甘くするために、それはいくつかの土壇場の編集さえありました!古いjsFiddleをお探しの場合は、こちらをご覧ください。
このアップデートには2つのフレーバーがあり、上記の元の回答ほど小さくはありませんが、まだ比較的小さいです。非常に小さくしたい場合は、それを使用してください。
また、注:これはmoment.jsよりもまだ肥大化されていません。moment.jsは素晴らしいですが、imoですが、世俗的な方法が多すぎるため、言語であるかのように瞬間を学ぶ必要があります。ここでの私のものは、 PHPと同じ一般的な形式であるdateを使用しています。
クイックリンク
- Date.format.min.js 5.08 KB
- dateFormat.min.js 4.16 KB
フレーバー1
new Date().format(String)
私の個人的なお気に入り。私はタブーを知っていますが、日付オブジェクトでうまく機能します。日付オブジェクトに対して必要なその他のmodに注意してください。
// use as simple as
new Date().format('m-d-Y h:i:s'); // 07-06-2016 06:38:34
フレーバー2
dateFormat(Date, String)
より伝統的なオールインワン方式。前のすべての機能を備えていますが、Dateparamを使用したメソッドを介して呼び出されます。
// use as simple as
dateFormat(new Date(), 'm-d-Y h:i:s'); // 07-06-2016 06:38:34
ボーナスフレーバー(jQueryが必要)
$.date(Date, String)
これには、単なるformat
オプション以上のものが含まれています。ベースのDateオブジェクトを拡張し、などのメソッドを含みますaddDays
。詳細については、Gitを参照してください。
このmodでは、フォーマット文字はPHPに触発されています:date。完全なリストについては、私のREADMEを参照してください。
このmodには、作成済みのフォーマットのリストもはるかに長くなっています。既成のフォーマットを使用するには、そのキー名を入力するだけです。dateFormat(new Date(), 'pretty-a');
- 「化合物」
- 'commonLogFormat' =='d / M / Y:G:i:s'
- 'exif' =='Y:m:d G:i:s'
- 'isoYearWeek' =='Y \\ WW'
- 'isoYearWeek2' =='Y-\\ WW'
- 'isoYearWeekDay' =='Y \\ WWj'
- 'isoYearWeekDay2' =='Y-\\ WW-j'
- 'mySQL' =='Ymd h:i:s'
- 'postgreSQL' =='Yz'
- 'postgreSQL2' =='Yz'
- '石鹸'=='Ymd\\ TH:i:su'
- 'soap2' =='Ymd \\ TH:i:s.uP'
- 'unixTimestamp' =='@U'
- 'xmlrpc' =='Ymd \\ TG:i:s'
- 'xmlrpcCompact' =='Ymd \\ tGis'
- 'wddx' =='Ynj \\ TG:i:s'
- 「定数」
- 'AMERICAN' =='F j Y'
- 'AMERICANSHORT' =='m / d / Y'
- 'AMERICANSHORTWTIME' =='m / d / Y h:i:sA'
- 'ATOM' =='Ymd \\ TH:i:sP'
- 'COOKIE' =='l dMY H:i:s T'
- 'ヨーロッパ'=='jF Y'
- 'EUROPEANSHORT' =='dmY'
- 'EUROPEANSHORTWTIME' =='dmY H:i:s'
- 'ISO8601' =='Ymd \\ TH:i:sO'
- 'LEGAL' =='j F Y'
- 'RFC822' =='D d M y H:i:s O'
- 'RFC850' =='l dMy H:i:s T'
- 'RFC1036' =='D d M y H:i:s O'
- 'RFC1123' =='D d MYH:i:s O'
- 'RFC2822' =='D d MYH:i:s O'
- 'RFC3339' =='Ymd \\ TH:i:sP'
- 'RSS' =='D d MYH:i:s O'
- 'W3C' =='Ymd \\ TH:i:sP'
- '可愛い'
- 'pretty-a' =='g:i.sA l jS \\ o \\ f F Y'
- 'pretty-b' =='g:iA l jS \\ o \\ f F Y'
- 'pretty-c' =='n / d / Y g:iA'
- 'pretty-d' =='n / d / Y'
- 'pretty-e' =='F jS --g:ia'
- 'pretty-f' =='g:iA'
お気づきかもしれませんが、doubleを使用\
して文字をエスケープできます。
時間情報のない日付が必要な場合は、次を使用します。
var today = new Date();
today.setHours(0, 0, 0, 0);
document.write(today);
これを試して:
var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth() + 1
var year = currentDate.getFullYear()
document.write("<b>" + day + "/" + month + "/" + year + "</b>")
結果は次のようになります
15/2/2012
日付形式をより細かく制御したい場合は、momentjsをチェックすることを強くお勧めします。素晴らしいライブラリ-そしてたった5KB。 http://momentjs.com/
あなたはmoment.jsを使うことができます:http://momentjs.com/
var m = moment().format("DD/MM/YYYY");
document.write(m);
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
var date = new Date().toLocaleDateString("en-US");
また、次toLocaleDateString
の2つのパラメータを使用してメソッドを呼び出すことができます。
var date = new Date().toLocaleDateString("en-US", {
"year": "numeric",
"month": "numeric"
});
MDNでのこのメソッドの詳細。
var d = (new Date()).toString().split(' ').splice(1,3).join(' ');
document.write(d)
それをステップに分解するには:
(new Date()).toString()
「2013年6月28日金曜日15:30:18GMT-0700(PDT)」(new Date()).toString().split(' ')
上記の文字列を各スペースで分割し、次のように配列を返します:["Fri"、 "Jun"、 "28"、 "2013"、 "15:31:14"、 "GMT-0700"、 "(PDT)" ](new Date()).toString().split(' ').splice(1,3).join(' ')
上記の配列から2番目、3番目、4番目の値を取得し、それらをスペースで結合して、文字列「Jun282013」を返します。
これは毎回機能します:
var now = new Date();
var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);
var today = now.getFullYear() + "-" + (month) + "-" + (day);
console.log(today);
よりクリーンでシンプルなバージョン:
new Date().toLocaleString();
結果はユーザーのロケールによって異なります:
2017年2月27日、午前9時15分41秒
他のほとんどの答えは、日付と時間を提供しています。
日付だけが必要な場合。
new Date().toISOString().split("T")[0]
出力
[ '2021-02-08', '06:07:44.629Z' ]
/
フォーマットしたい場合はを使用してreplaceAll
ください。
new Date().toISOString().split("T")[0].replaceAll("-", "/")
他の形式が必要な場合は、を使用するのが最適momentjs
です。
YYYY-MM-DD形式に満足している場合は、これでも機能します。
new Date().toISOString().split('T')[0]
2018-03-10
Dateオブジェクトを拡張するDate.jsライブラリを使用できるため、.today()メソッドを使用できます。
次のように、静的メソッドを呼び出して現在の日付を取得できます。
var now = Date.now()
参照:
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date/now
Varunの回答はTimezoneOffsetを考慮していません。これを行うバージョンは次のとおりです。
var d = new Date()
new Date(d.getTime() - d.getTimezoneOffset() * 60000).toJSON().slice(0, 10) // 2015-08-11
はTimezoneOffset
分ですが、Dateコンストラクターはミリ秒かかるため、。を掛け60000
ます。
最短の答えは次のとおりです。new Date().toJSON().slice(0,10)
new Date().toDateString();
結果:
「2016年2月3日水曜日」
現地時間ではなく、現在toISOString()
のUTC時刻のみを返します。'.toString()'関数を使用して日付を作成し、次のyyyy-MM-dd
ような形式で日付を取得する必要があります。
document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('T')[0]);
日付と時刻をyyyy-MM-ddTHH:mm:ss
形式で取得するには
document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('.')[0]);
日付と時刻をyyyy-MM-dd HH:mm:ss
形式で取得するには
document.write(new Date(new Date().toString().split('GMT')[0]+' UTC').toISOString().split('.')[0].replace('T',' '));
new Date().toISOString().slice(0,10);
もうまくいくだろう
組み込みのJSを使用するDate.toLocaleDateString()
(その他のオプションはMDN docsにあります):
const options = {
month: '2-digit',
day: '2-digit',
year: 'numeric',
};
console.log(new Date().toLocaleDateString('en-US', options)); // mm/dd/yyyy
更新Intl.DateTimeFormat
:適切なブラウザサポートを使用して、同様の動作を得ることができます。と同様に、オプションtoLocaleDateString()
を使用してオブジェクトを渡すことができます。
const date = new Date('Dec 2, 2021') // Thu Dec 16 2021 15:49:39 GMT-0600
const options = {
day: '2-digit',
month: '2-digit',
year: 'numeric',
}
new Intl.DateTimeFormat('en-US', options).format(date) // '12/02/2021'
単純なDD/MM/YYYY
形式が必要な場合は、欠落しているゼロのプレフィックスを付けませんが、この単純な解決策を考え出しました。
var d = new Date();
document.write( [d.getDate(), d.getMonth()+1, d.getFullYear()].join('/') );
試す
`${Date()}`.slice(4,15)
console.log( `${Date()}`.slice(4,15) )
ここでは、標準のJS機能を使用します:テンプレートリテラル、文字列にキャストされるDateオブジェクト、およびスライス。これはおそらくOP要件を満たす最短のソリューションです(時間なし、日付のみ)
最新の編集:8/23/19 date-fnsライブラリはmoment.jsとほとんど同じように機能しますが、フットプリントがはるかに小さくなります。プロジェクトに含める関数を選択できるので、今日の日付をフォーマットするためにライブラリ全体をコンパイルする必要はありません。最小限のサードパーティライブラリがプロジェクトのオプションではない場合、私はSamuelMeddowsによって受け入れられたソリューションを支持します。
それは少数の人々を助けたので、以下の歴史を保存します。しかし、記録のために、それはかなりハッキーであり、この投稿のほとんどの解決策がそうであるように、警告なしに壊れる傾向があります
2017年2月7日編集 1行のJSソリューション:
tl; dr
var todaysDate = new Date(Date.now()).toLocaleString().slice(0,3).match(/[0-9]/i) ? new Date(Date.now()).toLocaleString().split(' ')[0].split(',')[0] : new Date(Date.now()).toLocaleString().split(' ')[1] + " " + new Date(Date.now()).toLocaleString().split(' ')[2] + " " + new Date(Date.now()).toLocaleString().split(' ')[3];
edge、ff latest、およびchrome returntodaysDate = "2/7/2017"
"works" * in IE10 +
説明
IE10とIEEdgeの動作が少し異なることがわかりました。new Date(Date.now()).toLocaleString()
入力として、
IE10は以下を返します:
"Tuesday, February 07, 2017 2:58:25 PM"
大きな長い関数とFTFYを書くことができました。しかし、あなたは本当にこのようなもののためにmoment.jsを使うべきです。私のスクリプトはこれをクリーンアップするだけで、拡張された従来の米国の表記法を提供します。> todaysDate = "March 06, 2017"
IE EDGEは以下を返します:
"2/7/2017 2:59:27 PM"
もちろん、それはそれほど簡単なことではありません。Edgeの日付文字列には、表示されている各文字の間に非表示の「•」文字があります。したがって、最初の文字が数字であるかどうかだけでなく、最初の3文字もチェックします。これは、日付範囲全体の1文字が、ある時点で最終的にドットまたはスラッシュになることが判明したためです。したがって、物事を単純にするために、最初の3文字(将来のシェナニガンに対する小さなバッファー)を.slice()してから、数値を確認します。これらの目に見えないドットがコード内に残る可能性があることに注意してください。この文字列をビューに印刷するよりも大きな計画がある場合は、それを掘り下げたいと思います。
∴更新されたワンライナー:
var todaysDate = new Date(Date.now()).toLocaleString().slice(0,3).match(/[0-9]/i) ? new Date(Date.now()).toLocaleString().split(' ')[0].split(',')[0] : new Date(Date.now()).toLocaleString().split(' ')[1] + " " + new Date(Date.now()).toLocaleString().split(' ')[2] + " " + new Date(Date.now()).toLocaleString().split(' ')[3];
それは読むのが面倒です。どうですか:
var dateString = new Date(Date.now()).toLocaleString();
var todaysDate = dateString.slice(0,3).match(/[0-9]/i) ? dateString.split(' ')[0].split(',')[0] : dateString.split(' ')[1] + " " + dateString.split(' ')[2] + " " + dateString.split(' ')[3];
元の回答
私はあなたのためにワンライナーを持っています:
new Date(Date.now()).toLocaleString().split(', ')[0];
そして[1]
あなたに一日の時間を与えるでしょう。
これをチェックアウトできます
var today = new Date();
today = parseInt(today.getMonth()+1)+'/'+today.getDate()+'/'+today.getFullYear()+"\nTime : "+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds();
document.write(today);
また、Date()コンストラクターのドキュメントを参照してください。 リンク
あなたはこれを使うことができます
<script>
function my_curr_date() {
var currentDate = new Date()
var day = currentDate.getDate();
var month = currentDate.getMonth() + 1;
var year = currentDate.getFullYear();
var my_date = month+"-"+day+"-"+year;
document.getElementById("dateField").value=my_date;
}
</script>
HTMLは
<body onload='return my_curr_date();'>
<input type='text' name='dateField' id='dateField' value='' />
</body>
「現在の日付」までに「今日」について考えている場合、このトリックはあなたのために働くかもしれません:
> new Date(3600000*Math.floor(Date.now()/3600000))
2020-05-07T07:00:00.000Z
このようにして、今日の日付インスタンスを時刻0:00:00で取得します。
操作の原理は非常に単純です。現在のタイムスタンプを取得し、ミリ秒で表される1日に分割します。分数を取得します。Math.floorを使用すると、分数が削除されるため、整数が取得されます。ここで、1日を掛け戻すと(ここでも-ミリ秒単位)、日付のタイムスタンプにその日の始まりの時刻が正確に含まれます。
> now = Date.now()
1588837459929
> daysInMs = now/3600000
441343.73886916664
> justDays = Math.floor(daysInMs)
441343
> today = justDays*3600000
1588834800000
> new Date(today)
2020-05-07T07:00:00.000Z
清潔でシンプル。
これを実現するための簡単な方法(現在のタイムゾーンを考慮しながら、ISO yyyy-mm-dd形式を利用)は次のとおりです。
let d = new Date().toISOString().substring(0,19).replace("T"," ") // "2020-02-18 16:41:58"
通常、これはかなり多目的に互換性のある日付形式であり、必要に応じて純粋な日付値に変換できます。
Date.parse(d); // 1582044297000
jQueryを使用している場合。このワンライナーを試してみてください:
$.datepicker.formatDate('dd/mm/yy', new Date());
日付をフォーマットするための規則は次のとおりです
- d-月の日(先行ゼロなし)
- dd-月の日(2桁)
- o-年の日(先行ゼロなし)
- oo-年の日(3桁)
- D-短い日の名前
- DD-長い日の名前
- m-月(先行ゼロなし)
- mm-月(2桁)
- M-月の名前は短い
- MM-長い月の名前
- y-年(2桁)
- yy-年(4桁)
これがjQuerydatepickerのリファレンスです
これはフォーマットされた日付を取得するのに適しています
let date = new Date().toLocaleDateString("en", {year:"numeric", day:"2-digit", month:"2-digit"});
console.log(date);
これは多くのことを行います。
var today = new Date();
var date = today.getFullYear()+'/'+(today.getMonth()+1)+'/'+today.getDate();
document.write(date);
today.getFullYear ()が現在の年を取得する場所、
today.getMonth()+1は当月を取得します
そしてtoday.getDate()は今日の日付を取得します。これらはすべて「/」と連結されています。
これの大きな問題は何ですか..これを行うための最もクリーンな方法は
var currentDate=new Date().toLocaleString().slice(0,10);
// Try this simple way
const today = new Date();
let date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
console.log(date);
var dateTimeToday = new Date();
var dateToday = new Date(
dateTimeToday.getFullYear(),
(dateTimeToday.getMonth() + 1) /*Jan = 0! */,
dateTimeToday.getDate(),
0,
0,
0,
0);
これはあなたを助けるかもしれません
var date = new Date();
console.log(date.getDate()+'/'+(date.getMonth()+1)+'/'+date.getFullYear());
これにより、現在の日付がdd / MM/yyyy形式で出力されます
TL; DR
ここにある答えのほとんどは、信頼できるとは見なされないことが多いソースであるローカルマシン(クライアント)の現在の時刻が必要な場合にのみ正しいです(おそらく別のシステムとは異なるでしょう)。
信頼できる情報源は次のとおりです。
- Webサーバーの時計(ただし、更新されていることを確認してください)
- 時間APIとCDN
詳細
インスタンスで呼び出されたメソッドDate
は、マシンの現地時間に基づいた値を返します。
詳細については、「MDN Web docs」:JavaScriptDateオブジェクトを参照してください。
あなたの便宜のために、私は彼らのドキュメントから関連するメモを追加しました:
(...)日付と時刻またはそのコンポーネントをフェッチする基本的な方法はすべて、ローカル(つまりホストシステム)のタイムゾーンとオフセットで機能します。
これに言及している別のソースは次のとおりです。JavaScriptの日付と時刻のオブジェクト
誰かの時計が数時間ずれているか、別のタイムゾーンにいる場合、Dateオブジェクトは自分のコンピューターで作成された時間とは異なる時間を作成することに注意することが重要です。
使用できる信頼できるソースは次のとおりです。
- Webサーバーの時計(最初に正しく設定されているかどうかを確認してください)
- 時間APIとCDN:
ただし、ユースケースで精度が重要でない場合、または単にローカルマシンの時刻を基準にした日付が必要な場合は、のDate
ようなJavascriptの基本的なメソッドを安全に使用できますDate.now()
。
非常に多くの複雑な答え...
使用するnew Date()
だけで、文字列として必要な場合は、new Date().toISOString()
楽しみ!
これは古い質問だと思いますが、最も簡単な方法は次のとおりです。
var date = new Date();
var TimeStamp = date.toLocaleString();
function CurrentTime(){
alert(TimeStamp);
}
これにより、現在の時刻が取得され、場所に基づいて文字列に渡されます。次に、関数CurrentTimeを呼び出して時刻を表示できます。これは、私にとって、何かのタイムスタンプを取得するための最も効果的な方法です。
文字列にフォーマットする場合。
statusUpdate = "time " + new Date(Date.now()).toLocaleTimeString();
出力「時刻11:30:53AM」
これは、柔軟性とモジュール性の両方を備えているため、私の現在のお気に入りです。これは、(少なくとも)3つの単純な関数のコレクションです。
/**
* Returns an array with date / time information
* Starts with year at index 0 up to index 6 for milliseconds
*
* @param {Date} date date object. If falsy, will take current time.
* @returns {[]}
*/
getDateArray = function(date) {
date = date || new Date();
return [
date.getFullYear(),
exports.pad(date.getMonth()+1, 2),
exports.pad(date.getDate(), 2),
exports.pad(date.getHours(), 2),
exports.pad(date.getMinutes(), 2),
exports.pad(date.getSeconds(), 2),
exports.pad(date.getMilliseconds(), 2)
];
};
パッド機能は次のとおりです。
/**
* Pad a number with n digits
*
* @param {number} number number to pad
* @param {number} digits number of total digits
* @returns {string}
*/
exports.pad = function pad(number, digits) {
return new Array(Math.max(digits - String(number).length + 1, 0)).join(0) + number;
};
最後に、日付文字列を手動で作成するか、単純な関数を使用して作成することができます。
/**
* Returns nicely formatted date-time
* @example 2015-02-10 16:01:12
*
* @param {object} date
* @returns {string}
*/
exports.niceDate = function(date) {
var d = exports.getDateArray(date);
return d[0] + '-' + d[1] + '-' + d[2] + ' ' + d[3] + ':' + d[4] + ':' + d[5];
};
/**
* Returns a formatted date-time, optimized for machines
* @example 2015-02-10_16-00-08
*
* @param {object} date
* @returns {string}
*/
exports.roboDate = function(date) {
var d = exports.getDateArray(date);
return d[0] + '-' + d[1] + '-' + d[2] + '_' + d[3] + '-' + d[4] + '-' + d[5];
};
2.39KB縮小。1つのファイル。https://github.com/rhroyston/clock-js
助けようとしているだけです...
日付形式をより細かく制御したい場合は、date-FNSを確認することを強くお勧めします。素晴らしいライブラリ-moment.jsよりもはるかに小さく、関数ベースのアプローチにより、他のクラスベースのライブラリよりもはるかに高速になります。日付を超えて必要な多数の操作を提供します。
(function() { var d = new Date(); return new Date(d - d % 86400000); })()
基礎
フォーマットに満足している場合は、次のSun Jan 24 2016 21:23:07 GMT+0100 (CET)
コードを使用できます。
var today = new Date();
Date.prototype.toLocaleDateString()
出力をフォーマットする場合は、以下の使用を検討してくださいDate.prototype.toLocaleDateString()
。
var today = new Date().toLocaleDateString('de-DE', {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric'
});
今日(2016年1月24日)そのコードを最新のブラウザーで実行すると、文字列が生成されますSonntag, 24. Januar 2016
。ただし、古いブラウザでは、たとえば次のように異なる結果が生成される場合があります。IE <11は、ロケールまたはオプションの引数をサポートしていません。
カスタム化
必要なニーズを満たすのに十分な柔軟性がない場合Date.prototype.toLocaleDateString()
は、次のようなカスタムDateオブジェクトの作成を検討することをお勧めします。
var DateObject = (function() {
var monthNames = [
"January", "February", "March",
"April", "May", "June", "July",
"August", "September", "October",
"November", "December"
];
var date = function(str) {
this.set(str);
};
date.prototype = {
set : function(str) {
var dateDef = str ? new Date(str) : new Date();
this.day = dateDef.getDate();
this.dayPadded = (this.day < 10) ? ("0" + this.day) : "" + this.day;
this.month = dateDef.getMonth() + 1;
this.monthPadded = (this.month < 10) ? ("0" + this.month) : "" + this.month;
this.monthName = monthNames[this.month - 1];
this.year = dateDef.getFullYear();
}
};
return date;
})();
そのコードを含めてnew DateObject()
今日(2016年1月24日)実行すると、次のプロパティを持つオブジェクトが生成されます。
day: 24
dayPadded: "24"
month: 1
monthPadded: "01"
monthName: "January"
year: 2016
以下に示す私のDATEAPIを使用して、現在の日付、昨日などを取得するとともに、日付の書式設定を日常的に使用できます。
var dt = new Date();
/// ANY DATE YOU WANT -- dt = new Date(""July 21, 1983 01:15:00"")
dateObj = dt.getFormattedDate();
alert( dateObj.isToday() );
alert( dateObj.todayDay() );
alert( dateObj.monthNameDayYear() );
(function () {
fnDateProcessor = function () {
var that = this;
return {
yyyymmdd: function (separator) {
var fdate = this.formatDate(true, true) ,
separator = separator ? separator : "-";
return fdate.year + separator + fdate.month + separator + fdate.day;
},
monthNameDayYear: function () {
var fdate = this.formatDate(true, true);
return fdate.monthName + " " + fdate.day + ", " + fdate.year;
},
ddmmyyyy: function (separator) {
var fdate = this.formatDate(true, true) ,
separator = separator ? separator : "/";
return fdate.day + separator + fdate.month + separator + fdate.year;
},
meridianTime: function () {
var fdate = this.formatDate();
return fdate.hour + ":" + fdate.minute + " " + fdate.meridian;
},
monthDay: function (separator) {
var fdate = this.formatDate();
separator = checkSeparator(separator);
return fdate.monthName.substring(0, 3) + separator + fdate.day;
},
weekMonthDayYear: function () {
var fdate = this.formatDate();
//separator = checkSeparator(separator);
return fdate.weekDay + " " + fdate.monthName.substring(0, 3) +
fdate.day + " ," + fdate.year;
},
timeZoneInclusive: function () {
return new Date(that);
},
todayDay: function () { return new Date().getDate(); },
todayMonth: function () { return new Date().getMonth() + 1; },
dateDay: function () { return this.formatDate().day; },
dateMonth: function () { return this.formatDate().month; },
isToday: function () { return this.sameDate(new Date()); },
isYesterday: function () {
d = new Date(); d.setDate(d.getDate() - 1);
return this.sameDate(d);
},
formatDate: function () {
var zeroPaddedMnth = true, zeroPaddedDay = false,
zeroPaddedHr = false, zeroPaddedMin = true;
// Possible to take Options arg that overide / merge to defaults
var monthNames = [
"January", "February", "March",
"April", "May", "June", "July",
"August", "September", "October",
"November", "December"
];
var weekDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var day = getFormattedDay(that.getDate(), zeroPaddedDay);
var monthIndex = that.getMonth();
var month = getFormattedMonth(monthIndex + 1, zeroPaddedMnth);
var year = that.getFullYear();
var wkDay = that.getDay();
var hour = getFormattedHour(that.getHours(), zeroPaddedHr);
var minute = getFormattedMinute(that.getMinutes(), zeroPaddedMin);
var meridian = getMeridian(that.getHours());
return {
"day": day, "monthName": monthNames[monthIndex], "month": month,
"weekDay": weekDays[wkDay], "year": year, "hour": hour, "minute": minute,
"meridian": meridian
};
},
compareDate: function (d2) { /// validates if caller is less than argument
d2 = _isString(d2) ? new Date(d2) : d2;
return !this.sameDate(d2)
&& typeof d2 != "number"
? that < d2 : false;
},
sameDate: function (d) {
return that.getFullYear() === d.getFullYear()
&& that.getDate() === d.getDate()
&& that.getMonth() === d.getMonth();
},
dateAfter: function (separator) {
var fdate = this.formatDate();
var separator = separator ? separator : "-";
return fdate.year + separator + fdate.month + separator + (fdate.day + 1);
}
};
};
function _isString(obj) {
var toString = Object.prototype.toString;
return toString.call(obj) == '[object String]';
}
function checkSeparator(separator) {
// NOT GENERIC ... NEEDS REVISION
switch (separator) {
case " ": sep = separator; break;
case ",": sep = " ,"; break;
default:
sep = " "; break;
}
return sep;
}
function getFormattedHour(h, zeroPadded) {
h = h % 12;
h = h ? h : 12; // 12 instead of 00
return zeroPadded ? addZero(h) : h;
}
function getFormattedMinute(m, zeroPadded) {
return zeroPadded ? addZero(m) : m;
}
function getFormattedDay(dd, zeroPadded) {
return zeroPadded ? addZero(dd) : dd;
}
function getFormattedMonth(mm, zeroPadded) {
return zeroPadded ? addZero(mm) : mm;
}
function getMeridian(hr) {
return hr >= 12 ? 'PM' : 'AM';
}
function addZero(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
Date.prototype.getFormattedDate = fnDateProcessor;
} ());
このような日付形式をお探しの方は2020年4月9日
function getDate(){
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = months[today.getMonth()];
var yyyy = today.getFullYear();
today = dd + "-" + mm + "-" + yyyy;
return today;
}
getDate();
この回答は、ISO-8601のような形式とタイムゾーンの日付を探している人を対象としています。日付ライブラリを含めたくない人のための純粋なJSです。
var date = new Date();
var timeZone = date.toString();
//Get timezone ( 'GMT+0200' )
var timeZoneIndex = timeZone.indexOf('GMT');
//Cut optional string after timezone ( '(heure de Paris)' )
var optionalTimeZoneIndex = timeZone.indexOf('(');
if(optionalTimeZoneIndex != -1){
timeZone = timeZone.substring(timeZoneIndex, optionalTimeZoneIndex);
}
else{
timeZone = timeZone.substring(timeZoneIndex);
}
//Get date with JSON format ( '2019-01-23T16:28:27.000Z' )
var formattedDate = new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toJSON();
//Cut ms
formattedDate = formattedDate.substring(0,formattedDate.indexOf('.'));
//Add timezone
formattedDate = formattedDate + ' ' + timeZone;
console.log(formattedDate);
コンソールに次のようなものを印刷します。
2019-01-23T17:12:52 GMT + 0100
JSFiddle:https ://jsfiddle.net/n9mszhjc/4/
日付だけを取得するには、JavaScriptに組み込まれています。
new Date();
日付の書式設定を探していて、とにかくサイトでKendo JQuery UIライブラリを使用している場合は、組み込みのkendo関数を使用することをお勧めします。
kendo.toString(new Date(), "yyMMdd"); //or any other typical date format
サポートされている形式の完全なリストについては、こちらを参照してください
文字列表現のみが必要な場合は、次を使用します。
Date();
私のやり方
let dateString = new Date().toLocaleString().split(',').find(() => true);
Date.jsを試しましたか?
ミリ秒
date.js.millisecond(); // 0.00
秒
date.js.second(); // 58
分
date.js.minute(); // 31
時間
date.js.hour(); // 6 (PM)
日々
date.js.day(); // Monday
週
date.js.week(); // (Week Of the Month / WOM) => 2
月
date.js.month(); // (Month) => November
TLM(3文字-月)
date.js.tlmonth(); // (Month) => Dec
年
date.js.year(); // (Year / String: "") => "2021"
シーズン
date.js.season(); // (Fall / Season: seasons) => "fall"
午前/午後の現在時刻
date.js.time(); // (Time / Zone: "PDT/EDT etc.") => 10:04 AM
カスタム形式でレンダリングし、さまざまなロケールで月の名前を使用する機能:
const locale = 'en-us';
const d = new Date(date);
const day = d.getDate();
const month = d.toLocaleString(locale, { month: 'long' });
const year = d.getFullYear();
const time = d.toLocaleString(locale, { hour12: false, hour: 'numeric', minute: 'numeric'});
return `${month} ${day}, ${year} @ ${time}`; // May 5, 2019 @ 23:41
私のソリューションは文字列リテラルを使用しています詳細...
// Declare Date as d
var d = new Date()
// Inline formatting of Date
const exampleOne = `${d.getDay()}-${d.getMonth() + 1}-${d.getFullYear()}`
// January is 0 so +1 is required
// With Breaklines and Operators
const exampleTwo = `+++++++++++
With Break Lines and Arithmetic Operators Example
Year on newline: ${d.getFullYear()}
Year minus(-) 30 years: ${d.getFullYear() - 30}
You get the idea...
+++++++++++`
console.log('=============')
console.log(exampleOne)
console.log('=============')
console.log(exampleTwo)
これを試してみてください。それに応じて日付のギ酸塩を調整できます。
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1;
var yyyy = today.getFullYear();
if (dd < 10) {
dd = '0' + dd;
}
if (mm < 10) {
mm = '0' + mm;
}
var myDate= dd + '-' + mm + '-' + yyyy;
Date.prototype.toLocalFullDateStringYYYYMMDDHHMMSS = function () {
if (this != null && this != undefined) {
let str = this.getFullYear();
str += "-" + round(this.getMonth() + 1);
str += "-" + round(this.getDate());
str += "T";
str += round(this.getHours());
str += ":" + round(this.getMinutes());
str += ":" + round(this.getSeconds());
return str;
} else {
return this;
}
function round(n){
if(n < 10){
return "0" + n;
}
else return n;
}};