date example - JavaScript添加前導零





dom getelementbytagname (14)


添加一些填充以允許前導零(在需要的地方),並使用您的分隔符作為字符串進行連接。

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('/');

我已經創建了這個腳本來計算提前10天的日期,格式為dd / mm / yyyy:

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;

如果有人能指示我將這些插入腳本的位置,我會非常感激。




以下是Mozilla開發者網絡上使用自定義“pad”函數的Date對象文檔的示例,無需擴展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



我將這個問題的正確答案包裝在一個函數中,該函數可以添加多個前導零,但默認添加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
  }



我會做什麼,是創建我自己的自定義日期助手,看起來像這樣:

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

(另見這個小提琴




讓你的生活更輕鬆,並使用Moment.js一些示例代碼:

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

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



試試這個: http://jsfiddle.net/xA5B7/ : 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"



對於未來的人們(ES7 +)

"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])String.prototype目標中添加盡可能多的padString ,以便目標的新長度為targetLength

"use strict"

let month = "9"

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

let byte = "00000100"

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



我找到了這樣做的簡單方法:

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

將為所有孤獨的單個數字添加前導零




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



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



你可以定義一個“str_pad”函數(如在php中):

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



以下目標旨在提取配置,掛接到Date.protoype並應用配置。

我使用了一個Array來存儲時間塊,並且當我push() this作為一個Date對象push()時,它會返回我要迭代的長度。 當我完成後,我可以在return值上使用join

這似乎工作得很快: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/ : http://jsfiddle.net/tive/U4MZ3/




如果要按語言本地化日期輸出並需要前導零,則解決方案看起來不同:

var date = new Date(2018, 2, 1);
var result = date.toLocaleDateString("de-DE", {
  year: "numeric",
  month: "2-digit",
  day: "2-digit",
});
console.log(result);

此外,您還可以在年份選項上使用2-digit

只要你知道語言環境,並希望以可讀形式顯示日期,我認為這是完成這項工作的最乾淨的方式。

不幸的是,IE10和更低版本不支持toLocaleDateString參數。




您還可以使用PHP組裝腳本:

文件main.js.php

<?php
    header('Content-type:text/javascript; charset=utf-8');
    include_once("foo.js.php");
    include_once("bar.js.php");
?>

// Main JavaScript code goes here




javascript date date-format time-format leading-zero