web-dev-qa-db-ja.com

JavaScriptでMM / dd / yyyy HH：mm：ss形式で日付をフォーマットする方法は？

可能性のある複製：
javascriptでの日付のフォーマット

JavaScript Dateオブジェクトのその他の可能な形式を知っていますが、日付をMM/dd/yyyy HH:mm:ss形式にフォーマットする方法を理解できませんでした。

このような問題に遭遇した場合はお知らせください。

javascriptdatedate-format
43
Gendaful

このようなものを試してください

var d = new Date,
    dformat = [d.getMonth()+1,
               d.getDate(),
               d.getFullYear()].join('/')+' '+
              [d.getHours(),
               d.getMinutes(),
               d.getSeconds()].join(':');

10未満の値に先行ゼロが必要な場合は、この番号拡張を使用します

Number.prototype.padLeft = function(base,chr){
    var  len = (String(base || 10).length - String(this).length)+1;
    return len > 0? new Array(len).join(chr || '0')+this : this;
}
// usage
//=> 3..padLeft() => '03'
//=> 3..padLeft(100,'-') => '--3'

前のコードに適用されます：

var d = new Date,
    dformat = [(d.getMonth()+1).padLeft(),
               d.getDate().padLeft(),
               d.getFullYear()].join('/') +' ' +
              [d.getHours().padLeft(),
               d.getMinutes().padLeft(),
               d.getSeconds().padLeft()].join(':');
//=> dformat => '05/17/2012 10:52:21'

jsfiddle のこのコードを参照してください

[edit 2019] ES20xxを使用すると、 テンプレートリテラル と新しいpadStart文字列拡張を使用できます。

var dt = new Date();

console.log(`${
    (dt.getMonth()+1).toString().padStart(2, '0')}/${
    dt.getDate().toString().padStart(2, '0')}/${
    dt.getFullYear().toString().padStart(4, '0')} ${
    dt.getHours().toString().padStart(2, '0')}:${
    dt.getMinutes().toString().padStart(2, '0')}:${
    dt.getSeconds().toString().padStart(2, '0')}`
);

参照

93
KooiInc
var d = new Date();
alert(
    ("00" + (d.getMonth() + 1)).slice(-2) + "/" + 
    ("00" + d.getDate()).slice(-2) + "/" + 
    d.getFullYear() + " " + 
    ("00" + d.getHours()).slice(-2) + ":" + 
    ("00" + d.getMinutes()).slice(-2) + ":" + 
    ("00" + d.getSeconds()).slice(-2)
);
40
Salman A
 
 var d = new Date（）; 
 
 //関数の呼び出し
 formatDate（d、4）; 
 
 
 function formatDate（dateObj、format）
 {
 var monthNames = ["1月"、 "2月"、 "3月"、 "4月"、 "5月「、「6月」、「7月」、「8月」、「9月」、「10月」、「11月」、「12月」]; 
 var curr_date = dateObj.getDate（）; 
 var curr_month = dateObj.getMonth（）; 
 curr_month = curr_month + 1; 
 var curr_year = dateObj.getFullYear（）; 
 var curr_min = dateObj.getMinutes（）; 
 var curr_hr = dateObj.getHours（）; 
 var curr_sc = dateObj.getSeconds（）; 
 if（curr_month.toString（）。length == 1）
 curr_month = '0' + curr_month; 
 if（curr_date.toString（）。length == 1）
 curr_date = '0' + curr_date; 
 if（curr_hr.toString（）。length == 1）
 curr_hr = '0' + curr_hr; 
 if（curr_min.toString（）。length == 1）
 curr_min = '0' + curr_min; 
 
 if（format == 1）// dd-mm-yyyy 
 {
 return curr_date + "-" + curr_month + "-" + curr_year; 
} 
 else if（format == 2）// yyyy-mm-dd 
 {
 return curr_year + "-" + curr_month + "-" + curr_date ; 
} 
 else if（format == 3）// dd/mm/yyyy 
 {
 return curr_date + "/" + curr_month + "/" + curr_year ; 
} 
 else if（format == 4）// MM/dd/yyyy HH：mm：ss 
 {
 return curr_month + "/" + curr_date + "/" + curr_year + "" + curr_hr + "：" + curr_min + "：" + curr_sc; 
} 
}
3
JDev
var d = new Date();

var curr_date = d.getDate();

var curr_month = d.getMonth();

var curr_year = d.getFullYear();

document.write(curr_date + "-" + curr_month + "-" + curr_year);

これを使用して、日付をフォーマットできます。

あなたが望むように外観を変更することができます

詳細については、 こちら をご覧ください。

3
Neji