Javascript迄今为止添加了前导零


437

我已创建此脚本来以dd / mm / yyyy的格式提前10天计算日期:

var MyDate = new Date();
var MyDateString = new Date();
MyDate.setDate(MyDate.getDate()+10);
MyDateString = MyDate.getDate() + '/' + (MyDate.getMonth()+1) + '/' + MyDate.getFullYear();

通过将这些规则添加到脚本中,我需要使日期显示在日和月部分上的前导零。我似乎无法正常工作。

if (MyDate.getMonth < 10)getMonth = '0' + getMonth;

if (MyDate.getDate <10)get.Date = '0' + getDate;

如果有人可以告诉我将这些内容插入脚本的位置,我将非常感激。


6
按照惯例,应在变量名中小写第一个字符,并为对象/原型保留驼峰式大写字母。
zykadelic 2014年

如果可以接受YYYY-MM-DD格式,这将是一个很好的答案:stackoverflow.com/a/28431880/1717535
Fabien Snauwaert

Answers:


1350

试试这个:http : //jsfiddle.net/xA5B7/

var MyDate = new Date();
var MyDateString;

MyDate.setDate(MyDate.getDate() + 20);

MyDateString = ('0' + MyDate.getDate()).slice(-2) + '/'
             + ('0' + (MyDate.getMonth()+1)).slice(-2) + '/'
             + MyDate.getFullYear();

编辑:

为了解释,.slice(-2)给我们字符串的最后两个字符。

因此,无论如何,我们都可以添加"0"到日期或月份,并只要求最后两个,因为它们总是我们想要的两个。

因此,如果MyDate.getMonth()返回9,它将是:

("0" + "9") // Giving us "09"

因此添加.slice(-2)后,我们得到了最后两个字符:

("0" + "9").slice(-2)
"09"

但是,如果MyDate.getMonth()返回10,它将是:

("0" + "10") // Giving us "010"

因此添加后.slice(-2),我们可以得到最后两个字符,或者:

("0" + "10").slice(-2)
"10"

27
分叉-日期格式YYYY-MM-DD jsfiddle.net/j6qJp/1 对某人可能有用。谢谢
tomexx

3
有人可以解释为什么这比@Aleross在下面提供的答案更好吗?与明显清楚的打击垫功能相比,目前尚不清楚。
claudio

2
更不用说今天这个例子给了我26/06/2014而不是
2014/06/06

3
@DazManCat:那是应该做的。该代码从当前日期增加20天开始。MyDate.setDate(MyDate.getDate() + 20);
Cookie怪物

3
@ n00b和@Phil Cooper并没有为计时JavaScript例程的来龙去脉而烦恼,我发现slice()公认的答案中的pad()技术比@Aleross的技术快约1/10秒 。一百万次迭代。jsFiddle。“付钱,选择”。
2015年

105

这是来自Mozilla开发人员网络上Date对象文档的示例,该示例使用自定义的“ pad”功能,而无需扩展Java的Number原型。他们给出的方便功能是

function pad(n){return n<10 ? '0'+n : n}

下面是在上下文中使用它。

/* use a function for the exact format desired... */
function ISODateString(d){
    function pad(n){return n<10 ? '0'+n : n}
    return d.getUTCFullYear()+'-'
    + pad(d.getUTCMonth()+1)+'-'
    + pad(d.getUTCDate())+'T'
    + pad(d.getUTCHours())+':'
    + pad(d.getUTCMinutes())+':'
    + pad(d.getUTCSeconds())+'Z'
}

var d = new Date();
console.log(ISODateString(d)); // prints something like 2009-09-28T19:03:12Z

3
很好的方法。我认为接受的答案确实不错,但是我认为这甚至更干净
Binke 2016年

1
这可能会导致意外的错误,原因是它会输出<10的字符串和> = 10的数字
David Fregoli

@DavidFregoli,所有这些日期到字符串的函数都返回一个字符串,因此,如果您输入一个字符串,pad则仅输出字符串。
罗门(Rohmer)

55

新的现代方法是使用toLocaleDateString,因为它不仅允许您使用适当的本地化来格式化日期,您甚至可以传递格式选项来归档所需的结果:

var date = new Date(2018, 2, 1);
var result = date.toLocaleDateString("en-GB", { // you can skip the first argument
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
});
console.log(result);

当您跳过第一个参数时,它将检测浏览器语言。另外,您也可以使用2-digit年份选项。

如果您不需要支持像IE10这样的旧浏览器,这是完成任务的最干净的方法。IE10和更低版本不了解options参数。

注意:此外,toLocaleTimeString如果您要本地化或格式化日期时间,则还有。


3
这正是我在寻找的东西,谢谢。有关toLocaleDateString可用选项的更多信息,请访问:developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…–
JoseLinares

1
@JoseLinares您好,感谢您将链接放回过去。我刚刚决定改善答案,以使该解决方案在常见情况下更具吸引力,因为您可以跳过第一个参数,而IE10不再适用。考虑到这一点,我将您的链接包含在我的答案中。
Martin Braun

@modiX,对不起,这是我在代码中的错误,我以错误的方式进行了描述,是的,语言环境(第一个变量)是Optional
Kanhaiya lal

@Kanhaiyalal别担心,可能会发生错误。令我惊讶的是,三位审稿人中有两位也批准了错误的编辑。
马丁布朗


29

面向未来的人们(ECMAScript 2017及更高版本)

"use strict"

const today = new Date()

const year = today.getFullYear()

const month = `${today.getMonth() + 1}`.padStart(2, "0")

const day = `${today.getDate()}`.padStart(2, "0")

const stringDate = [day, month, year].join("/") // 13/12/2017

讲解

String.prototype.padStart(targetLength[, padString])增加尽可能多的padStringString.prototype目标,使得目标的新长度是targetLength

"use strict"

let month = "9"

month = month.padStart(2, "0") // "09"

let byte = "00000100"

byte = byte.padStart(8, "0") // "00000100"

4
这是ES2017或ES8的一部分。所以说“ ES6 +”是错误的,因为它不属于ES6和ES7。
Noel Llevares '18年

从技术上讲,这应该是.padStart(2, '0')因为第二个参数是字符串,尽管除非您使用TypeScript,否则它可能并不重要
bmaupin

您是正确的,我将编辑答案。
Amin NAIRI

11
Number.prototype.padZero= function(len){
 var s= String(this), c= '0';
 len= len || 2;
 while(s.length < len) s= c + s;
 return s;
}

//正在使用:

(function(){
 var myDate= new Date(), myDateString;
 myDate.setDate(myDate.getDate()+10);

 myDateString= [myDate.getDate().padZero(),
 (myDate.getMonth()+1).padZero(),
 myDate.getFullYear()].join('/');

 alert(myDateString);
})()

/*  value: (String)
09/09/2010
*/

10

我找到了最简单的方法:

 MyDateString.replace(/(^|\D)(\d)(?!\d)/g, '$10$2');

会将前导零添加到所有孤独的一位数字


我喜欢这种解决方案,您能否澄清一下那里发生了什么?
哥布林

7
var MyDate = new Date();
var MyDateString = '';
MyDate.setDate(MyDate.getDate());
var tempoMonth = (MyDate.getMonth()+1);
var tempoDate = (MyDate.getDate());
if (tempoMonth < 10) tempoMonth = '0' + tempoMonth;
if (tempoDate < 10) tempoDate = '0' + tempoDate;
MyDateString = tempoDate + '/' + tempoMonth + '/' + MyDate.getFullYear();

5

您可以使用三元运算符将日期格式设置为“ if”语句。

例如:

var MyDate = new Date();
MyDate.setDate(MyDate.getDate()+10);
var MyDateString = (MyDate.getDate() < 10 ? '0' + MyDate.getDate() : MyDate.getDate()) + '/' + ((d.getMonth()+1) < 10 ? '0' + (d.getMonth()+1) : (d.getMonth()+1)) + '/' + MyDate.getFullYear();

所以

(MyDate.getDate() < 10 ? '0' + MyDate.getDate() : MyDate.getDate())

类似于if语句,其中,如果getDate()返回的值小于10,则返回“ 0” + Date,否则返回日期(如果大于10)(因为我们不需要添加前导0)。本月相同。

编辑:忘记了getMonth以0开头,所以添加了+1来解决它。当然,您也可以只说d.getMonth()<9:,但是我认为使用+1可以使理解变得更容易。


感谢您解释+1
Bryan A

5

slice在JavaScript中使用另一种方法可以解决此问题。

var d = new Date();
var datestring = d.getFullYear() + "-" + ("0"+(d.getMonth()+1)).slice(-2) +"-"+("0" + d.getDate()).slice(-2);

datestring返回日期格式如您所愿:2019年9月1日

另一种方法是使用dateformat库:https : //github.com/felixge/node-dateformat


注意拼写“ JavaScript”。
罗勒·布尔克


3
function formatDate(jsDate){
  // add leading zeroes to jsDate when days or months are < 10.. 
  // i.e.
  //     formatDate(new Date("1/3/2013")); 
  // returns
  //    "01/03/2103"
  ////////////////////
  return (jsDate.getDate()<10?("0"+jsDate.getDate()):jsDate.getDate()) + "/" + 
      ((jsDate.getMonth()+1)<10?("0"+(jsDate.getMonth()+1)):(jsDate.getMonth()+1)) + "/" + 
      jsDate.getFullYear();
}

3

您可以提供选项作为格式化日期的参数。第一个参数用于您可能不需要的语言环境,第二个参数用于选项。有关更多信息,请访问 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

var date = new Date(Date.UTC(2012, 1, 1, 3, 0, 0));
var options = { year: 'numeric', month: '2-digit', day: '2-digit' };
console.log(date.toLocaleDateString(undefined,options));

1
谢谢你的建议。
MJ55

2

我将这个问题的正确答案包装在一个函数中,该函数可以添加多个前导零,但默认情况下会添加1个零。

function zeroFill(nr, depth){
  depth = (depth === undefined)? 1 : depth;

  var zero = "0";
  for (var i = 0; i < depth; ++i) {
    zero += "0";
  }

  return (zero + nr).slice(-(depth + 1));
}

对于仅使用数字且不超过2位数字的情况,这也是一种方法:

function zeroFill(i) {
    return (i < 10 ? '0' : '') + i
  }

1

另一种选择,使用内置函数进行填充(但会导致代码很长!):

myDateString = myDate.getDate().toLocaleString('en-US', {minimumIntegerDigits: 2})
  + '/' + (myDate.getMonth()+1).toLocaleString('en-US', {minimumIntegerDigits: 2})
  + '/' + myDate.getFullYear();

// '12/06/2017'

还有一个用正则表达式处理字符串:

var myDateString = myDate.toISOString().replace(/T.*/, '').replace(/-/g, '/');

// '2017/06/12'

但要知道,一个将显示在一年的开始,并在这一天结束


最喜欢这个功能:myDate.getDate()。toLocaleString('en-US',{minimumIntegerDigits:2})
Max Alexander Hanna

1

添加到@modiX答案,这是有效的...不要留空

today.toLocaleDateString("default", {year: "numeric", month: "2-digit", day: "2-digit"})

1

这是一个非常简单的示例,您将如何处理这种情况。

var mydate = new Date();

var month = (mydate.getMonth().toString().length < 2 ? "0"+mydate.getMonth().toString() :mydate.getMonth());

var date = (mydate.getDate().toString().length < 2 ? "0"+mydate.getDate().toString() :mydate.getDate());

var year = mydate.getFullYear();

console.log("Format Y-m-d : ",year+"-"+month+"-" + date);

console.log("Format Y/m/d : ",year+"/"+month+"/" + date);


0

以下目的是提取配置,加入Date.protoype并应用配置。

我已经使用Array来存储时间块,当我push() this作为一个Date对象时,它返回了要迭代的长度。完成后,可以使用joinreturn值。

这似乎工作得很快:0.016ms

// Date protoype
Date.prototype.formatTime = function (options) {
    var i = 0,
        time = [],
        len = time.push(this.getHours(), this.getMinutes(), this.getSeconds());

    for (; i < len; i += 1) {
        var tick = time[i];
        time[i] = tick < 10 ? options.pad + tick : tick;
    }

    return time.join(options.separator);
};

// Setup output
var cfg = {
    fieldClock: "#fieldClock",
    options: {
        pad: "0",
        separator: ":",
        tick: 1000
    }
};

// Define functionality
function startTime() {
    var clock = $(cfg.fieldClock),
        now = new Date().formatTime(cfg.options);

    clock.val(now);
    setTimeout(startTime, cfg.options.tick);
}

// Run once
startTime();

演示: http : //jsfiddle.net/tive/U4MZ3/


0

我要做的是创建自己的自定义日期帮助器,如下所示:

var DateHelper = {
    addDays : function(aDate, numberOfDays) {
        aDate.setDate(aDate.getDate() + numberOfDays); // Add numberOfDays
        return aDate;                                  // Return the date
    },
    format : function format(date) {
        return [
           ("0" + date.getDate()).slice(-2),           // Get day and pad it with zeroes
           ("0" + (date.getMonth()+1)).slice(-2),      // Get month and pad it with zeroes
           date.getFullYear()                          // Get full year
        ].join('/');                                   // Glue the pieces together
    }
}

// With this helper, you can now just use one line of readable code to :
// ---------------------------------------------------------------------
// 1. Get the current date
// 2. Add 20 days
// 3. Format it
// 4. Output it
// ---------------------------------------------------------------------
document.body.innerHTML = DateHelper.format(DateHelper.addDays(new Date(), 20));

(另请参阅此小提琴


0

添加一些填充以允许前导零(在需要时),并使用您选择的定界符作为字符串进行连接。

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;
    }

var d = new Date(my_date);
var dformatted = [(d.getMonth()+1).padLeft(), d.getDate().padLeft(), d.getFullYear()].join('/');

0

正如@John Henckel所建议的那样,开始使用toISOString()方法使事情变得更容易

const dateString = new Date().toISOString().split('-');
const year = dateString[0];
const month = dateString[1];
const day = dateString[2].split('T')[0];

console.log(`${year}-${month}-${day}`);


0
 let date = new Date();
 let dd = date.getDate();//day of month

 let mm = date.getMonth();// month
 let yyyy = date.getFullYear();//day of week
 if (dd < 10) {//if less then 10 add a leading zero
     dd = "0" + dd;
   }
 if (mm < 10) {
    mm = "0" + mm;//if less then 10 add a leading zero
  }

您也可以简短地描述您的尝试。
Shiv Kumar Baghel,

0

尝试此基本功能,无需库

Date.prototype.CustomformatDate = function() {
 var tmp = new Date(this.valueOf());
 var mm = tmp.getMonth() + 1;
 if (mm < 10) mm = "0" + mm;
 var dd = tmp.getDate();
 if (dd < 10) dd = "0" + dd;
 return mm + "/" + dd + "/" + tmp.getFullYear();
};

0
function pad(value) {
    return value.tostring().padstart(2, 0);
}

let d = new date();
console.log(d);
console.log(`${d.getfullyear()}-${pad(d.getmonth() + 1)}-${pad(d.getdate())}t${pad(d.gethours())}:${pad(d.getminutes())}:${pad(d.getseconds())}`);

2
尽管此代码可以回答问题,但提供有关如何和/或为什么解决问题的其他上下文将提高​​答案的长期价值。
leopal

0

您可以使用String.slice()提取字符串的一部分并将其作为新字符串返回,而无需修改原始字符串:

const currentDate = new Date().toISOString().slice(0, 10) // 2020-04-16

或者,您也可以使用诸如Moment.js之类的来格式化日期:

const moment = require("moment")
const currentDate = moment().format("YYYY-MM-DD") // 2020-04-16
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.