Javascript 添加前导零到日期

IT技术 javascript date date-format time-format leading-zero
2021-01-24 15:43:03

我创建了这个脚本,以 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个回答

试试这个: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"
@n00b 和 @Phil Cooper,在没有讨论关于计时 JavaScript 例程的来龙去脉的情况下,我发现slice()接受的答案中的pad()技术比 @Aleross 的技术快 1/10 秒 100 万次迭代。js小提琴“付钱,选你”。
2021-03-14 15:43:03
有人可以解释为什么这比@Aleross 在下面提供的答案更好吗?与明确明确的 pad 功能相比,它的作用尚不清楚。
2021-03-20 15:43:03
更何况今天这个例子给了我 26/06/2014 而不是 06/06/2014
2021-03-22 15:43:03
@DazManCat:这就是它应该做的。该代码首先将 20 天添加到当前日期。MyDate.setDate(MyDate.getDate() + 20);
2021-03-24 15:43:03
分叉 - 日期格式 YYYY-MM-DD jsfiddle.net/j6qJp/1 它可能对某些人有用。谢谢
2021-04-01 15:43:03

现代方式

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

var date = new Date(2018, 2, 1);
var result = date.toLocaleDateString("en-GB", { // you can use undefined as first argument
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
});
console.log(result); // outputs “01/03/2018”

当您undefined用作第一个参数时,它将检测浏览器语言。或者,您也可以使用2-digit年份选项。兼容性很好,不过IE不会玩。

对于 ISO 格式

如果您想以YYYY-MM-DD格式 (ISO)获取日期,解决方案看起来会有所不同:

var date = new Date(Date.UTC(2018, 2, 1));
var result = date.toISOString().split('T')[0];
console.log(result); // outputs “2018-03-01”

您的输入日期应为 UTC 格式,否则toISOString()会为您解决该问题。这是通过使用Date.UTC如上所示完成的

各种各样的

还有toLocaleTimeString, 允许您本地化和格式化日期的时间。

这正是我要找的,谢谢。有关 toLocaleDateString 可用选项的更多信息,请访问:developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
2021-03-30 15:43:03
@JoseLinares 嗨,感谢您把这个链接放回过去。我只是决定改进我的答案,使解决方案对常见场景更具吸引力,因为您可以跳过第一个参数并且 IE10 不再相关。考虑到这一点,我将您的链接包含在我的答案中。
2021-03-30 15:43:03
@modiX,抱歉,这是我的代码错误,我的描述方式错误,是的语言环境(第一个变量)是Optional
2021-04-01 15:43:03

这是Mozilla 开发人员网络上Date 对象文档中的一个示例,它使用自定义的“pad”函数,而无需扩展 Javascript 的 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
非常好的做法。我认为接受的答案非常好,但在我看来这更干净
2021-04-03 15:43:03
这可能会导致意外错误,因为它输出 < 10 的字符串和 >= 10 的数字
2021-04-04 15:43:03
@DavidFregoli,所有这些日期到字符串函数都返回一个字符串,因此如果您输入一个字符串,pad则只输出字符串。
2021-04-06 15:43:03

为来自未来的人们(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"
这在技术上应该是.padStart(2, '0')因为第二个参数是一个字符串,尽管除非您使用 TypeScript,否则它可能无关紧要
2021-03-21 15:43:03
这是 ES2017 或 ES8 的一部分。所以说“ES6+”是不正确的,因为它不是 ES6 和 ES7 的一部分。
2021-04-09 15:43:03

您可以定义一个“str_pad”函数(如在 php 中):

function str_pad(n) {
    return String("00" + n).slice(-2);
}
“0”代替“00”就够了
2021-03-20 15:43:03