JavaScript أضف الأصفار الرائدة حتى الآن

Question

لقد قمت بإنشاء هذا البرنامج النصي لحساب التاريخ لمدة 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;

إذا كان بإمكان شخص ما أن يريني مكان إدراجها في البرنامج النصي ، فسأكون تقديراً حقًا.

Answer 1

جرب هذا: 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"

Answer 2

هنا مثال من مستندات كائن التاريخ على شبكة مطور Mozilla باستخدام وظيفة "PAD" مخصصة ، دون الحاجة إلى تمديد النموذج الأولي لرقم JavaScript. الوظيفة المفيدة التي يقدمونها كمثال

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

Answer 3

يمكنك تحديد وظيفة "str_pad" (كما في PHP):

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

Answer 4

الطريقة الحديثة الجديدة للقيام بذلك هي الاستخدام 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 والإصدارات السفلية لن تفهم حجة الخيارات.

Answer 5

لكم الناس من المستقبل (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"

Answer 6

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

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

Answer 8

لقد وجدت الطريقة الأقصر للقيام بذلك:

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

سوف تضيف الأصفار الرائدة إلى جميع الأرقام الوحيدة والوحدة

Answer 9

يمكنك استخدام المشغل الثلاثية لتنسيق التاريخ مثل عبارة "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 ' + أو إرجاع التاريخ إذا أكبر من 10 (لأننا لا نحتاج إلى إضافة الرائدة 0). نفس الشيء لهذا الشهر.

تحرير: نسيت أن GetMonth يبدأ بـ 0 ، لذا أضاف +1 لحساب ذلك. بالطبع ، يمكنك أيضًا قول D.GetMonth () <9: ، لكنني كنت أحسب باستخدام +1 سيساعد في تسهيل الفهم.

Answer 10

اجعل حياتك أسهل واستخدامها لحظة بعض رمز العينة:

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

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

Answer 11

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

Answer 12

لقد لفت الإجابة الصحيحة لهذا السؤال في وظيفة يمكن أن تضيف عدة صفر ولكن الإعدادات الافتراضية لإضافة 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));
}

للعمل مع الأرقام فقط وليس أكثر من رقمين ، هذا أيضًا نهج:

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

Answer 13

يمكنك توفير الخيارات كمعلمة لتنسيق تاريخ. المعلمة الأولى مخصصة للمحطة التي قد لا تحتاجها والثاني للخيارات. لمزيد من المعلومات تفضل بزيارة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));

Answer 14

خيار آخر ، باستخدام دالة مدمجة للقيام بالحشو (ولكن يؤدي إلى رمز طويل جدًا!):

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'

لكن كن على علم بأن المرء سيظهر العام في البداية واليوم في نهاية.

Answer 15

هناك نهج آخر لحل هذه المشكلة ، باستخدام slice في JavaScript.

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

Answer 16

يهدف التالية إلى استخراج التكوين ، وربط في Date.protoype وتطبيق التكوين.

لقد استخدمت Array لتخزين قطع الوقت وعندما أنا push() this ك Date كائن ، يعيدني الطول للتكرار. عندما انتهيت ، يمكنني استخدام join على ال return القيمة.

يبدو أن هذا يعمل بسرعة كبيرة: 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/

Answer 17

ما سأفعله ، هو إنشاء مساعد تاريخ مخصص يبدو هكذا:

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

(أنظر أيضا هذا كمان)

Answer 18

أضف بعض الحشوة للسماح للصفر الرائد - عند الحاجة - وتسلسل باستخدام محددك المفضل كسلسلة.

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

Answer 19

كما يقترح 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}`);

Answer 20

إضافة إلى @إجابة modix ، هذا هو ما ينجح ... لا تترك ذلك فارغًا

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

Answer 21

 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
  }

Answer 22

جرب هذا للحصول على وظيفة أساسية ، لا توجد مكتبات مطلوبة

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