web-dev-qa-db-ja.com

JavaScriptを使用して特定の形式で日付オブジェクトを表示する方法

日付オブジェクトがあり、それを以下の形式で表示したいと思います。

var myDate = getDate();
// this format: "13 Jan 2012 11:00am";

それはどのように可能でしょうか？

おかげで、

javascripthtmldatetimedate
13
The Light

これを非常にうまく処理する素晴らしいJavaScriptライブラリがあり、縮小されたのはわずか5.5kbです。

http://momentjs.com/

次のようになります。

moment().format('MMMM Do YYYY, h:mm:ss a'); // February 25th 2013, 9:54:04 am
moment().subtract('days', 6).calendar(); // "last Tuesday at 9:53 AM"

日付をStringとして形式で渡すことも、Dateオブジェクトとして渡すこともできます。

var date = new Date();
moment(date); // same as calling moment() with no args

// Passing in a string date
moment("12-25-1995", "MM-DD-YYYY");

ロシア語、日本語、アラビア語、スペイン語など、英語以外の言語にも対応しています。

docs を確認してください。

11
knownasilya

ライブラリを使用したくない場合：

<script type="text/javascript">

  var myDate = new Date();

  var month=new Array();
  month[0]="Jan";
  month[1]="Feb";
  month[2]="Mar";
  month[3]="Apr";
  month[4]="May";
  month[5]="Jun";
  month[6]="Jul";
  month[7]="Aug";
  month[8]="Sep";
  month[9]="Oct";
  month[10]="Nov";
  month[11]="Dec";
  var hours = myDate.getHours();
  var minutes = myDate.getMinutes();
  var ampm = hours >= 12 ? 'pm' : 'am';
  hours = hours % 12;
  hours = hours ? hours : 12;
  minutes = minutes < 10 ? '0'+minutes : minutes;
  var strTime = hours + ':' + minutes + ampm;
  // e.g. "13 Nov 2016 11:00pm";
  alert(myDate.getDate()+" "+month[myDate.getMonth()]+" "+myDate.getFullYear()+" "+strTime);
</script>
11
George

JavaScriptで利用できる多くの日付フォーマットパッケージがあります。私は Steven Levithanのdateformat で大成功を収めました。

dateFormat(getDate(), "dd mmm yyyy hh:MMtt");

編集：また、そのスタイルを楽しんでいる場合は、formatメソッドをDate.prototypeに追加します。

getDate().format("dd mmm yyyy hh:MMtt");
6
Linus Gustav Larsson Thiel

toLocaleString（） を使用します

const date = new Date();

const formattedDate = date.toLocaleString("en-GB", {
  day: "numeric",
  month: "short",
  year: "numeric",
  hour: "numeric",
  minute: "2-digit"
});

console.log(formattedDate); // '18 Jan 2020, 18:20'
4
zendka

Date()オブジェクトを見てください： https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

便利な方法がたくさんあります....

1
Manse

JavaScriptのDateオブジェクトを使用して、異なる日付形式を表示できます。異なる日付形式は、

  1. 年のみ（YYYY）
  2. 年と月（YYYY-MM）
  3. 完了日（YYYY-MM-DD）
  4. 曜日の完全な日（YYYY-MM-DD DayName）
  5. 異なる時刻形式の日付

次のJavaScriptコードを使用して、日付を年のみの形式で表示します。

function displayDate(){
var now = new Date();
var year=now.getFullYear();
date.innerHTML=year
}
window.onload=displayDate;
<div id="date"></div>

この投稿は、他の日付形式の表示について詳しく知るのに役立ちます。 https://www.siteforinfotech.com/2014/03/how-to-display-date-format-in-javascript.html

0
shuseel

これはあなたに役立つと思います：

http://www.mattkruse.com/javascript/date/

問題を解決するために少し調整できるgetDateFromFormat（）関数があります。

0
Nirmal