JavaScript aggiungere zeri iniziali fino ad oggi
-
25-09-2019 - |
Domanda
Ho creato questo script per calcolare la data per 10 giorni in anticipo nel formato gg / mm / aaaa:
var MyDate = new Date();
var MyDateString = new Date();
MyDate.setDate(MyDate.getDate()+10);
MyDateString = MyDate.getDate() + '/' + (MyDate.getMonth()+1) + '/' + MyDate.getFullYear();
ho bisogno di avere la data appaiono con zeri sulla componente giorno e il mese attraverso l'aggiunta di queste regole allo script. Io non riesco a farlo funzionare.
if (MyDate.getMonth < 10)getMonth = '0' + getMonth;
e
if (MyDate.getDate <10)get.Date = '0' + getDate;
Se qualcuno mi potrebbe mostrare dove inserire questi nello script sarei davvero grato.
Soluzione
Prova questo: 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();
Modifica
Per spiegare, .slice(-2)
ci dà la ultima due caratteri della stringa.
Quindi, non importa cosa, possiamo aggiungere "0"
al giorno o mese, e basta chiedere per gli ultimi due in quanto tali sono sempre i due che vogliamo.
Quindi, se i rendimenti MyDate.getMonth()
9
, sarà:
("0" + "9") // Giving us "09"
in modo da aggiungere .slice(-2)
il che ci dà gli ultimi due personaggi che è:
("0" + "9").slice(-2)
"09"
Ma se i rendimenti MyDate.getMonth()
10
, sarà:
("0" + "10") // Giving us "010"
in modo da aggiungere .slice(-2)
noi gli ultimi due caratteri, o dà:
("0" + "10").slice(-2)
"10"
Altri suggerimenti
Ecco un esempio dalla href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Date#Example.3A_ISO_8601_formatted_dates" rel="noreferrer"> oggetto Date sulla Mozilla Developer Network utilizzando una funzione personalizzata "pad", senza la necessità di estendere il prototipo numero di Javascript. La comoda funzione che danno come un esempio è
function pad(n){return n<10 ? '0'+n : n}
E sotto è che venga usato nel contesto.
/* 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
È possibile definire una funzione "str_pad" (come in php):
function str_pad(n) {
return String("00" + n).slice(-2);
}
Il nuovo modo moderno di fare questo è quello di utilizzare toLocaleDateString
, perché non solo consente di formattare una data con una corretta localizzazione, si può anche passare opzioni di formato per archiviare il risultato desiderato:
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);
Quando si salta il primo argomento rileverà la lingua del browser, invece. Inoltre, è possibile utilizzare 2-digit
sull'opzione anno, anche.
Se non è necessario sostenere vecchi browser come IE10, questo è il modo più pulito per fare il lavoro. IE10 e le versioni inferiori non capiranno l'argomento opzioni.
Per voi le persone dal futuro (ECMAScript 2017 ed oltre)
Soluzione
"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
Spiegazione
String.prototype.padStart(targetLength[, padString])
aggiunge come numero possibile padString
nel target String.prototype
modo che la nuova lunghezza del target è targetLength
.
Esempio
"use strict"
let month = "9"
month = month.padStart(2, 0) // "09"
let byte = "00000100"
byte = byte.padStart(8, 0) // "00000100"
Number.prototype.padZero= function(len){
var s= String(this), c= '0';
len= len || 2;
while(s.length < len) s= c + s;
return s;
}
// in uso:
(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
*/
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();
Ho trovato la strada più breve per fare questo:
MyDateString.replace(/(^|\D)(\d)(?!\d)/g, '$10$2');
aggiungerà zeri iniziali a tutti, una sola cifra solitari
Si potrebbe usare ternario all'operatore di formattare la data come un "if".
Ad esempio:
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())
sarebbe simile a un'istruzione if, dove se la getDate () restituisce un valore inferiore a 10, per poi tornare a '0' + la data, oppure restituire la data, se superiore a 10 (dato che non abbiamo bisogno di aggiungere lo 0). Lo stesso vale per il mese.
Modifica: Ha dimenticato che getMonth inizia con 0, quindi ha aggiunto il +1 per tenere conto di essa. Naturalmente si potrebbe anche solo dire d.getMonth () <9:., Ma ho pensato che utilizzando il +1 avrebbe contribuire a rendere più facile la comprensione
Fai la tua vita più facile e utilizzare Moment.js alcuni esempi di codice:
var beginDateTime = moment()
.format('DD-MM-YYYY HH:mm')
.toString();
// Now will print 30-06-2015 17:55
console.log(beginDateTime);
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();
}
I avvolto la risposta corretta di questa domanda in una funzione che può aggiungere più zero iniziale di default, ma per l'aggiunta di 1 a zero.
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));
}
per lavorare con e non più di 2 cifre numeri, anche questo è un approccio:
function zeroFill(i) {
return (i < 10 ? '0' : '') + i
}
È possibile fornire opzioni come un parametro per il formato della data. Il primo parametro è per il locale che si potrebbe non serve e la seconda è per le opzioni. Per maggiori informazioni visitate https://developer.mozilla.org/ it-IT / docs / Web / JavaScript / Reference / Global_Objects / data / 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));
Un'altra opzione, utilizzando un built-in funzione per fare l'imbottitura (ma con conseguente codice piuttosto lungo!):
myDateString = myDate.getDate().toLocaleString('en-US', {minimumIntegerDigits: 2})
+ '/' + (myDate.getMonth()+1).toLocaleString('en-US', {minimumIntegerDigits: 2})
+ '/' + myDate.getFullYear();
// '12/06/2017'
E un altro, le stringhe con la manipolazione di espressioni regolari:
var myDateString = myDate.toISOString().replace(/T.*/, '').replace(/-/g, '/');
// '2017/06/12'
Ma essere consapevoli del fatto che uno mostrerà l'anno presso il start e la giornata presso il end .
C'è un altro approccio per risolvere questo problema, utilizzando slice
in JavaScript.
var d = new Date();
var datestring = d.getFullYear() + "-" + ("0"+(d.getMonth()+1)).slice(-2) +"-"+("0" + d.getDate()).slice(-2);
la data di ritorno datestring
con il formato come ci si aspetta: 2019/9/1
Un altro approccio utilizza biblioteca dateformat
: https://github.com/felixge/node-dateformat
I seguenti obiettivi alla configurazione estratto, gancio in Date.protoype
e applicare la configurazione.
Ho usato un Array
per memorizzare pezzi di tempo e quando ho push()
this
come un oggetto Date
, mi restituisce la lunghezza a iterare. Quando ho finito, posso usare join
sul valore return
.
Questo sembra funzionare abbastanza veloce: 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();
Quello che vorrei fare, è creare la mia data personalizzata aiutante che assomiglia a questo:
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));
(vedi anche questa Fiddle )
Aggiungi un po 'di imbottitura per consentire uno zero - dove necessario -. E concatenare usare il delimitatore di scelta come stringa
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('/');
Come @ John Henckel suggerisce, partendo con il toISOString () metodo rende le cose più facili
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}`);
L'aggiunta a @modiX risposta, questo è ciò che funziona ... non lasciare che, come vuoto
today.toLocaleDateString("default", {year: "numeric", month: "2-digit", day: "2-digit"})
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
}
Prova questo per una funzione di base, non librerie richieste
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();
};