在javascript中将日期字符串转换为dd/mm/yy

Question

我要转换

Tue Jul 12 2016 00:00:00 GMT+0100 (BST)

进入

12/07/2016

假设我有 d = 2016 年 7 月 12 日星期二 00:00:00 GMT+0100 (BST)。我试过了

var a = d.getDate()+"/"+(d.getMonth()+1)+"/"+d.getFullYear();

但后来我得到 12/7/2016 而不是 12/07/2016

我可以的

if(d.getMonth()<10){
    var a = d.getDate()+"/0"+(d.getMonth()+1)+"/"+d.getFullYear();

但我不喜欢这样，而且当一天不到 10 点时，我也会遇到同样的问题。达到我想要的格式的最佳方法是什么。我只需要它作为一个字符串显示在视图中。

Answer 1

这个呢

var month = 7; // july (months are base 0)
var day = 12;
var year = 2016;
var d = new Date(year,month-1,day);

var a = pad(d.getDate(),2)+"/"+pad(d.getMonth()+1,2)+"/"+d.getFullYear();
console.log(a)


function pad(num, size) {
    var s = num+"";
    while (s.length < size) s = "0" + s;
    return s;
}

使用来自How to output integers with leading zeros in JavaScript的填充函数

您可能还想选中 http://momentjs.com/ 以“在 JavaScript 中解析、验证、操作和显示日期”。

这是另一个填充函数（我用过很多次）

var month = 7; // july (months are base 0)
var day = 12;
var year = 2016;
var d = new Date(year,month-1,day);

var a = pad(d.getDate(),2)+"/"+pad(d.getMonth()+1,2)+"/"+d.getFullYear();
console.log(a)

/**
 * Returns a zero-padded string of length characters
 * When the number is more than the length, the number is returned 
 * in its full length (longer than the specified length)
 * @param {Number} number The number to be padded
 * @param {Number=2} length
 * @returns {String} the padded String or the number if longer than specified length
 */
function pad(number, length) {
    if (length === undefined) {
        length = 2;
    }
    var missing = length - digits(number);
    if (missing < 0)  return number.toString();
    return Array(missing + 1).join("0") + number.toString();
}

/**
 * Utility function to return the number of digits of a number
 * @param {Number} int the number for which to get the #digits
 * @returns {Number} the number of digits
 */
function digits(int) {
    return Math.floor(Math.log(int) / Math.LN10 + 1);
}

Answer 2

诀窍是添加一个条件来检查一天或一个月是否小于 10，如果是则添加 0。下面的这个方法是它的简写版本，但它有效。当然，我有一些额外的东西，比如 yyyy、mm 和 dd 的定义，只是为了让事情的来源更清楚一点。但是return 中的部分有什么魔力，您可以将其应用于您的情况。

Date.prototype.yyyymmdd = function() {
  var yyyy = this.getFullYear().toString();
  var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
  var dd  = this.getDate().toString();
  return (mm[1]?mm:"0"+mm[0]) + "/" + (dd[1]?dd:"0"+dd[0]) + "/" + yyyy; // padding
 };
d = new Date();
document.getElementById("date").innerHTML = d.yyyymmdd();

<span id="date"></span>

Answer 3

var date = new Date();

var dateFormat = getFormatDate(date);
var dateOneLiner = getFormattedDateOneLiner(date);

console.log("DateFormat", dateFormat);
console.log("OneLiner", dateOneLiner);




function getFormatDate(pDate)
{
  var day = pDate.getDate();
  var month = pDate.getMonth() + 1;
  var year = pDate.getFullYear();
  
  if(month < 10)
  	month = "0" + month;
  
  if(day < 10)
  	day = "0" + day;
    
  return day + "/" + month + "/" + year;
}

function getFormattedDateOneLiner(pDate)
{  
  return (pDate.getDate() < 10 ? "0" + pDate.getDate() : pDate.getDate()) + "/" + ((pDate.getMonth() + 1) < 10 ? "0" + (pDate.getMonth() + 1) : (pDate.getMonth() + 1)) + "/" + pDate.getFullYear();
}

Answer 4

有很多方法可以做到这一点。这里有两种可能的单行：

var a = ("0"+d.getDate()).slice(-2)+"/"+("0"+(d.getMonth()+1)).slice(-2)+"/"+d.getFullYear();

var a = ("0"+d.getDate()+"/0"+(d.getMonth()+1)).replace(/\d(\d\d)/g, '$1')+"/"+d.getFullYear();

Answer 5

你可以像这样使用一行：

    var a = (d.getDate() < 10? "0"+d.getDate():d.getDate())
     +"/"+   (d.getMonth()+1 <10? ("0"+(d.getMonth()+1)):d.getMonth()+1 )
     +"/"+d.getFullYear();