Javascript添加前导零到目前为止

时间:2010-08-31 00:28:04

标签: javascript date date-format time-format leading-zero

我已经创建了这个脚本,以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;

如果有人可以告诉我在脚本中插入这些内容,我会非常感激。

28 个答案:

答案 0 :(得分:1194)

试试这个: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)为我们提供 last 字符串的两个字符。

所以无论如何,我们可以在当天或月份添加"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"

答案 1 :(得分:37)

你可以定义一个&#34; str_pad&#34;功能(如在php中):

function str_pad(n) {
    return String("00" + n).slice(-2);
}

答案 2 :(得分:18)

新的现代方法是使用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参数。

答案 3 :(得分:13)

对于未来的人(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])会在padString目标中添加尽可能多的String.prototype,以便目标的新长度为targetLength

实施例

"use strict"

let month = "9"

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

let byte = "00000100"

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

答案 4 :(得分: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
*/

答案 5 :(得分: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();

答案 6 :(得分:3)

您可以使用三元运算符来格式化日期,就像“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()&lt; 9:但我认为使用+1会有助于理解它。

答案 7 :(得分: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();
}

答案 8 :(得分:3)

我找到了这样做的简短方法:

img

将为所有孤独的单个数字添加前导零

答案 9 :(得分: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
  }

答案 10 :(得分:2)

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

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

datestring返回日期,格式与您预期的一样:2019-09-01

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

答案 11 :(得分:2)

您可以提供选项作为格式日期的参数。第一个参数用于您可能不需要的语言环境,第二个参数用于选项。 欲了解更多信息,请访问 https://developer.mozilla.org/en-US/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));

答案 12 :(得分:2)

让您的生活更轻松,并使用Moment.js一些示例代码:

var beginDateTime = moment()
  .format('DD-MM-YYYY HH:mm')
  .toString();

// Now will print 30-06-2015 17:55
console.log(beginDateTime);

答案 13 :(得分: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'

但请注意,将在开始结束日显示年份。

答案 14 :(得分:1)

toISOString 可以得到前导 0

    const currentdate = new Date(); 
    const date = new Date(Date.UTC(currentdate.getFullYear(), (currentdate.getMonth()),currentdate.getDate(), currentdate.getHours(), currentdate.getMinutes(), currentdate.getSeconds()));
    //you can pass YY, MM, DD //op: 2018-03-01
    //i have passed YY, MM, DD, HH, Min, Sec // op : 2021-06-09T12:14:27.000Z
    console.log(date.toISOString());

输出将类似于:2021-06-09T12:14:27.000Z

答案 15 :(得分:1)

我认为这个解决方案更容易并且容易记住:

var MyDate = new Date();


var day = MyDate.getDate() + 10; // 10 days in advance
var month = MyDate.getMonth() + 1; // since months start from 0 we should add 1 to it
var year = MyDate.getFullYear();

day = checkDate(day);
month = checkDate(month);


function checkDate(i){
    if(i < 10){
    i = '0' + i;
  }
  return i;
}

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

答案 16 :(得分: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('/');

答案 17 :(得分:0)

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

&#13;
&#13;
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));
&#13;
&#13;
&#13;

(另见this Fiddle

答案 18 :(得分: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}`);

答案 19 :(得分:0)

添加到@modiX答案,这是可行的...不要把它留为空

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

答案 20 :(得分: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
  }

答案 21 :(得分:0)

以下目的是提取配置,挂钩到Date.protoype并应用配置。

我使用Array来存储时间块,当我push() this作为Date对象时,它会返回迭代的长度。完成后,我可以在join值上使用return

这看起来非常快:0.016毫秒

// 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/

答案 22 :(得分: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();
};

答案 23 :(得分:0)

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

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

答案 24 :(得分: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())}`);

答案 25 :(得分: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

答案 26 :(得分:0)

您可以简单地使用:

const d = new Date();
const day = `0${d.getDate()}`.slice(-2);

因此可以像这样创建一个函数:

AddZero(val){
    // adding 0 if the value is a single digit
    return `0${val}`.slice(-2);
}

您的新代码:

var MyDate = new Date();
var MyDateString = new Date();

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

答案 27 :(得分:0)

一个简单的 dateformat 库救了我的命 (GitHub):

  • Node.js:var dateFormat = require("dateformat");
  • ES6:import dateFormat from "dateformat";
const now = new Date();             // consider 3rd of December 1993

const full = dateFormat(today, "yyyy-mm-dd");  // 1993-12-03
const day = dateFormat(today, "dd");           // 03
const month = dateFormat(today, "mm");         // 12
const year = dateFormat(today, "yyyy");        // 1993

值得一提的是,它支持多种遮罩选项。