So formatieren Sie ein JavaScript-Datum

Wie kann ich das format ein JavaScript-date-Objekt zu drucken, wie 10-Aug-2010?

InformationsquelleAutor der Frage leora | 2010-08-23

  1. 519

    Verwenden Sie die Datum.format library:

    var dateFormat = require('dateformat');
var now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");

    gibt:

    Saturday, June 9th, 2007, 5:46:21 PM

    dateformat auf npm

    http://jsfiddle.net/phZr7/1/

    InformationsquelleAutor der Antwort RobertPitt

  2. 317

    Wenn Sie benötigen, um schnell zu formatieren Sie Ihre Daten mit einfachen JavaScript, verwenden Sie getDategetMonth + 1getFullYeargetHours und getMinutes:

    var d = new Date();

var datestring = d.getDate()  + "-" + (d.getMonth()+1) + "-" + d.getFullYear() + " " +
d.getHours() + ":" + d.getMinutes();

//16-5-2015 9:50

    Oder, wenn Sie es brauchen, werden mit Nullen aufgefüllt:

    var datestring = ("0" + d.getDate()).slice(-2) + "-" + ("0"+(d.getMonth()+1)).slice(-2) + "-" +
    d.getFullYear() + " " + ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2);

//16-05-2015 09:50

    InformationsquelleAutor der Antwort sebastian.i

  3. 296

    Gut, was ich wollte, war zu konvertieren, das heutige Datum, um eine MySQL freundlich Datums-Zeichenfolge wie 2012-06-23, und verwenden Sie die Zeichenfolge als ein parameter in einer meiner Abfragen. Die einfache Lösung, die ich gefunden habe ist diese:

    var today = new Date().toISOString().slice(0, 10);

    Beachten Sie, dass die oben genannte Lösung funktioniert nicht berücksichtigen Sie Ihre Zeitzone offset.

    Könnten Sie in Erwägung ziehen mit dieser Funktion statt:

    function toJSONLocal (date) {
    var local = new Date(date);
    local.setMinutes(date.getMinutes() - date.getTimezoneOffset());
    return local.toJSON().slice(0, 10);
}

    Diese geben Sie das korrekte Datum, in Fall, dass Sie dieser code ausgeführt um den start/Ende des Tages.

    InformationsquelleAutor der Antwort simo

  4. 157

    Wenn Sie bereits mit jQuery UI in Ihrem Projekt könnte man es so machen: 

    var formatted = $.datepicker.formatDate("M d, yy", new Date("2014-07-08T09:02:21.377"));

//formatted will be 'Jul 8, 2014'

    Einige datepicker-Datum-format-Optionen, um mit zu spielen sind verfügbar hier.

    InformationsquelleAutor der Antwort Dmitry Pavlov

  5. 113

    Ich denke, Sie können einfach verwenden Sie die nicht-standard - Datum-Methode toLocaleFormat(formatString)

    formatString: Eine format-string im gleichen format erwartet strftime() Funktion in C.

    var today = new Date();
today.toLocaleFormat('%d-%b-%Y'); //30-Dec-2011

    Referenzen:

    InformationsquelleAutor der Antwort Sébastien

  6. 87

    Plain JavaScript ist die beste Wahl für kleine onetimers.

    Auf der anderen Seite, wenn Sie mehr Datum Zeug, MomentJS ist eine gute Lösung.

    Zum Beispiel:

    moment().format('YYYY-MM-DD HH:m:s');     //now() -> 2015-03-24 14:32:20
moment("20111031", "YYYYMMDD").fromNow(); //3 years ago
moment("20120620", "YYYYMMDD").fromNow(); //3 years ago
moment().startOf('day').fromNow();        //11 hours ago
moment().endOf('day').fromNow();          //in 13 hours

    InformationsquelleAutor der Antwort Mite Mitreski

  7. 80

    In modernen Browsern (*)können Sie genau dies tun:

    var today = new Date().toLocaleDateString('en-GB', {
    day : 'numeric',
    month : 'short',
    year : 'numeric'
}).split(' ').join('-');

    Ausgegeben, wenn ausgeführt, die heute (Januar 24ᵗʰ, 2016):

    '24-Jan-2016'

    (*) Nach MDN"modernen Browsern" bedeutet, Chrome 24+ Firefox 29+, Internet Explorer 11, Edge 12+, Opera 15+ & Safari nightly-build.

    InformationsquelleAutor der Antwort John Slegers

  8. 48

    Sollten Sie einen Blick auf date.js. Es fügt viele praktische Helfer für die Arbeit mit Datumsangaben, zum Beispiel in Ihrem Fall:

    var date = Date.parse('2010-08-10');
console.log(date.toString('dd-MMM-yyyy'));

    Erste Schritte: http://www.datejs.com/2007/11/27/getting-started-with-datejs/

    InformationsquelleAutor der Antwort NiKo

  9. 30

    Kann ich Holen Sie sich Ihre gewünschten format in einer Zeile mit keine Bibliotheken und keine modernen Methoden, nur regex: 

    var d = (new Date()).toString().replace(/\S+\s(\S+)\s(\d+)\s(\d+)\s.*/,'$2-$1-$3');
//date will be formatted as "14-Oct-2015" (pass any date object in place of 'new Date()')

    Update: Wie @RobG darauf hingewiesen, daß die Ausgabe des Datums.der Prototyp.toString() ist von der Implementierung abhängig. So nutzen Sie mit Vorsicht, und ändern Sie wenn nötig für Ihren Implementierungen, wenn Sie diese Lösung verwenden. In meinen Tests funktioniert dies zuverlässig in Nordamerika, wo die gängigen Browser (Chrome, Safari, Firefox und IE) alle Rückkehr der gleiche string-format.

    InformationsquelleAutor der Antwort JD Smith

  10. 29

    @Sébastien -- alternative alle browser unterstützen

    new Date(parseInt(496407600)*1000).toLocaleDateString('de-DE', {
year: 'numeric',
month: '2-digit',
day: '2-digit'
}).replace(/\./g, '/');

    Dokumentation:
    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

    InformationsquelleAutor der Antwort user956584

  11. 21

    Verwenden Sie eine ECMAScript Edition 6 (ES6/ES2015) Zeichenfolge-Vorlage:

    let d = new Date();
let formatted = `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;

    Wenn Sie Sie brauchen, um das Trennzeichen:

    const delimiter = '/';
let formatted = [d.getFullYear(), d.getMonth() + 1, d.getDate()].join(delimiter);

    InformationsquelleAutor der Antwort vdegenne

  12. 15

    Hier ist etwas code, den ich gerade geschrieben haben, behandeln Sie die Datum-Formatierung für ein Projekt an dem ich arbeite. Es ahmt die PHP-Datumsformatierung Funktionen auf meine Bedürfnisse anzupassen. Fühlen Sie sich frei, es zu benutzen, es ist nur die Erweiterung des bereits vorhandenen Date () - Objekt. Dies ist vielleicht nicht die eleganteste Lösung, aber es funktioniert für meine Bedürfnisse.

    var d = new Date(); 
d_string = d.format("m/d/Y h:i:s");

/**************************************
 * Date class extension
 * 
 */
    //Provide month names
    Date.prototype.getMonthName = function(){
        var month_names = [
                            'January',
                            'February',
                            'March',
                            'April',
                            'May',
                            'June',
                            'July',
                            'August',
                            'September',
                            'October',
                            'November',
                            'December'
                        ];

        return month_names[this.getMonth()];
    }

    //Provide month abbreviation
    Date.prototype.getMonthAbbr = function(){
        var month_abbrs = [
                            'Jan',
                            'Feb',
                            'Mar',
                            'Apr',
                            'May',
                            'Jun',
                            'Jul',
                            'Aug',
                            'Sep',
                            'Oct',
                            'Nov',
                            'Dec'
                        ];

        return month_abbrs[this.getMonth()];
    }

    //Provide full day of week name
    Date.prototype.getDayFull = function(){
        var days_full = [
                            'Sunday',
                            'Monday',
                            'Tuesday',
                            'Wednesday',
                            'Thursday',
                            'Friday',
                            'Saturday'
                        ];
        return days_full[this.getDay()];
    };

    //Provide full day of week name
    Date.prototype.getDayAbbr = function(){
        var days_abbr = [
                            'Sun',
                            'Mon',
                            'Tue',
                            'Wed',
                            'Thur',
                            'Fri',
                            'Sat'
                        ];
        return days_abbr[this.getDay()];
    };

    //Provide the day of year 1-365
    Date.prototype.getDayOfYear = function() {
        var onejan = new Date(this.getFullYear(),0,1);
        return Math.ceil((this - onejan) / 86400000);
    };

    //Provide the day suffix (st,nd,rd,th)
    Date.prototype.getDaySuffix = function() {
        var d = this.getDate();
        var sfx = ["th","st","nd","rd"];
        var val = d%100;

        return (sfx[(val-20)%10] || sfx[val] || sfx[0]);
    };

    //Provide Week of Year
    Date.prototype.getWeekOfYear = function() {
        var onejan = new Date(this.getFullYear(),0,1);
        return Math.ceil((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
    } 

    //Provide if it is a leap year or not
    Date.prototype.isLeapYear = function(){
        var yr = this.getFullYear();

        if ((parseInt(yr)%4) == 0){
            if (parseInt(yr)%100 == 0){
                if (parseInt(yr)%400 != 0){
                    return false;
                }
                if (parseInt(yr)%400 == 0){
                    return true;
                }
            }
            if (parseInt(yr)%100 != 0){
                return true;
            }
        }
        if ((parseInt(yr)%4) != 0){
            return false;
        } 
    };

    //Provide Number of Days in a given month
    Date.prototype.getMonthDayCount = function() {
        var month_day_counts = [
                                    31,
                                    this.isLeapYear() ? 29 : 28,
                                    31,
                                    30,
                                    31,
                                    30,
                                    31,
                                    31,
                                    30,
                                    31,
                                    30,
                                    31
                                ];

        return month_day_counts[this.getMonth()];
    } 

    //format provided date into this.format format
    Date.prototype.format = function(dateFormat){
        //break apart format string into array of characters
        dateFormat = dateFormat.split("");

        var date = this.getDate(),
            month = this.getMonth(),
            hours = this.getHours(),
            minutes = this.getMinutes(),
            seconds = this.getSeconds();
        //get all date properties ( based on PHP date object functionality )
        var date_props = {
            d: date < 10 ? '0'+date : date,
            D: this.getDayAbbr(),
            j: this.getDate(),
            l: this.getDayFull(),
            S: this.getDaySuffix(),
            w: this.getDay(),
            z: this.getDayOfYear(),
            W: this.getWeekOfYear(),
            F: this.getMonthName(),
            m: month < 10 ? '0'+(month+1) : month+1,
            M: this.getMonthAbbr(),
            n: month+1,
            t: this.getMonthDayCount(),
            L: this.isLeapYear() ? '1' : '0',
            Y: this.getFullYear(),
            y: this.getFullYear()+''.substring(2,4),
            a: hours > 12 ? 'pm' : 'am',
            A: hours > 12 ? 'PM' : 'AM',
            g: hours % 12 > 0 ? hours % 12 : 12,
            G: hours > 0 ? hours : "12",
            h: hours % 12 > 0 ? hours % 12 : 12,
            H: hours,
            i: minutes < 10 ? '0' + minutes : minutes,
            s: seconds < 10 ? '0' + seconds : seconds           
        };

        //loop through format array of characters and add matching data else add the format character (:,/, etc.)
        var date_string = "";
        for(var i=0;i<dateFormat.length;i++){
            var f = dateFormat[i];
            if(f.match(/[a-zA-Z]/g)){
                date_string += date_props[f] ? date_props[f] : '';
            } else {
                date_string += f;
            }
        }

        return date_string;
    };
/*
 *
 * END - Date class extension
 * 
 ************************************/

    InformationsquelleAutor der Antwort jmiraglia

  13. 15

    Wenn Sie mit jQuery UI in Ihrem code, gibt es eine eingebaute Funktion, die aufgerufen wird formatDate(). Ich benutze es auf diese Weise zu formatieren heutiges Datum:

    var testdate = Date();
testdate = $.datepicker.formatDate( "d-M-yy",new Date(testdate));
alert(testdate);

    Können Sie sehen,viele andere Beispiele für die Formatierung von Datum in der jQuery UI Dokumentation.

    InformationsquelleAutor der Antwort webzy

  14. 11

    JavaScript-Lösung ohne Verwendung externer Bibliotheken:

    var now = new Date()
months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']
var formattedDate = now.getDate()+"-"+months[now.getMonth()]+"-"+now.getFullYear()
alert(formattedDate)

    InformationsquelleAutor der Antwort Prasad DLV

  15. 10

    Dies ist, wie ich umgesetzt habe, die für meine npm plugins

    var monthNames = [
  "January", "February", "March",
  "April", "May", "June", "July",
  "August", "September", "October",
  "November", "December"
];

var Days = [
  "Sunday", "Monday", "Tuesday", "Wednesday",
  "Thursday", "Friday", "Saturday"
];

var formatDate = function(dt,format){
  format = format.replace('ss', pad(dt.getSeconds(),2));
  format = format.replace('s', dt.getSeconds());
  format = format.replace('dd', pad(dt.getDate(),2));
  format = format.replace('d', dt.getDate());
  format = format.replace('mm', pad(dt.getMinutes(),2));
  format = format.replace('m', dt.getMinutes());
  format = format.replace('MMMM', monthNames[dt.getMonth()]);
  format = format.replace('MMM', monthNames[dt.getMonth()].substring(0,3));
  format = format.replace('MM', pad(dt.getMonth()+1,2));
  format = format.replace(/M(?![ao])/, dt.getMonth()+1);
  format = format.replace('DD', Days[dt.getDay()]);
  format = format.replace(/D(?!e)/, Days[dt.getDay()].substring(0,3));
  format = format.replace('yyyy', dt.getFullYear());
  format = format.replace('YYYY', dt.getFullYear());
  format = format.replace('yy', (dt.getFullYear()+"").substring(2));
  format = format.replace('YY', (dt.getFullYear()+"").substring(2));
  format = format.replace('HH', pad(dt.getHours(),2));
  format = format.replace('H', dt.getHours());
  return format;
}

pad = function(n, width, z) {
  z = z || '0';
  n = n + '';
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}

    InformationsquelleAutor der Antwort Amit Kumar Gupta

  16. 9

    Eine hilfreiche und flexible Möglichkeit zur Formatierung der DateTimes in JavaScript ist Intl.DateTimeFormat:

    var date = new Date();
var options = { year: 'numeric', month: 'short', day: '2-digit'};
var _resultDate = new Intl.DateTimeFormat('en-GB', options).format(date);
//The _resultDate is: "12 Oct 2017"
//Replace all spaces with - and then log it.
console.log(_resultDate.replace(//g,'-'));

    Ergebnis Ist: "12-Oct-2017"

    Datum und Zeit-Formate angepasst werden kann mit der Optionen-argument.

    Den Intl.DateTimeFormat Objekt ist ein Konstruktor für Objekte, die es ermöglichen, sensible Sprache Datum und Uhrzeit-Formatierung.

    Syntax

    new Intl.DateTimeFormat([locales[, options]])
Intl.DateTimeFormat.call(this[, locales[, options]])

    Parameter

    locales

    Optional. Ein string mit einer BCP-47-sprachtag, oder ein array von solchen Zeichenfolgen. Für die Allgemeine form und interpretation des Gebietsschemas argument, siehe Seite Intl. Die folgenden Unicode-Erweiterung, die Tasten sind zugelassen:

    nu
Numbering system. Possible values include: "arab", "arabext", "bali", "beng", "deva", "fullwide", "gujr", "guru", "hanidec", "khmr", "knda", "laoo", "latn", "limb", "mlym", "mong", "mymr", "orya", "tamldec", "telu", "thai", "tibt".
ca
Calendar. Possible values include: "buddhist", "chinese", "coptic", "ethioaa", "ethiopic", "gregory", "hebrew", "indian", "islamic", "islamicc", "iso8601", "japanese", "persian", "roc".

    Optionen

    Optional. Ein Objekt mit einigen oder allen der folgenden Eigenschaften:

    localeMatcher

    Die Gebietsschema-matching-Algorithmus zu verwenden. Mögliche Werte sind "lookup" und "best fit"; der Standardwert ist "best fit". Weitere Informationen zu dieser option finden Sie unter der Seite Intl.

    Zeitzone

    Die Zeitzone zu verwenden. Der einzige Wert-Implementierungen müssen erkennen, ist "UTC"; der Standardwert ist die Laufzeit die default-Zeitzone. Implementierungen können auch erkennen, die Namen der Zeitzonen der IANA time zone database, wie "Asia/Shanghai""Asia/Kolkata""America/New_York".

    hour12

    Ob 12-Stunden-Zeit (im Gegensatz zu 24-Stunden-Zeit). Mögliche Werte sind true und false; der Standardwert ist von der locale abhängig.

    formatMatcher

    Das format-matching-Algorithmus zu verwenden. Mögliche Werte sind "basic" und "best fit"; der Standardwert ist "best fit". Siehe die folgenden Abschnitte für Informationen über die Verwendung dieser Eigenschaft.

    Die folgenden Eigenschaften beschreiben die Datum-Zeit-Komponenten zur Verwendung in der formatierten Ausgabe und Ihre gewünschten Darstellungen. Implementierungen sind erforderlich, um mindestens die folgenden Teilmengen:

    weekday, year, month, day, hour, minute, second
weekday, year, month, day
year, month, day
year, month
month, day
hour, minute, second
hour, minute

    Implementierungen unterstützen kann andere Teilmengen und Anforderungen verhandelt werden wird, die gegen alle verfügbaren Teilmenge-Darstellung-Kombinationen zu finden, die am besten zu entsprechen. Zwei algorithmen sind verfügbar für diese Verhandlung und ausgewählt von den formatMatcher Eigenschaft: Eine vollständig angegebene "basic" Algorithmus und eine Implementierung abhängige "best-fit" - Algorithmus.

    Wochentag

    Die Darstellung der Wochentag. Mögliche Werte sind "narrow""short""long".

    ära

    Die Darstellung der Epoche. Mögliche Werte sind "narrow""short""long".

    Jahr

    Die Darstellung des Jahres. Mögliche Werte sind "numeric""2-digit".

    Monat

    Die Darstellung des Monats. Mögliche Werte sind "numeric""2-digit""narrow""short""long".

    Tag

    Die Darstellung des Tages. Mögliche Werte sind "numeric""2-digit".

    Stunde

    Die Darstellung der Stunde. Mögliche Werte sind "numeric""2-digit".

    minute

    Die Darstellung von minute zu minute. Mögliche Werte sind "numeric""2-digit".

    zweiten

    In der Darstellung des zweiten. Mögliche Werte sind "numeric""2-digit".

    timeZoneName

    Die Darstellung des Zeit-zone, name. Mögliche Werte sind "short""long".
    Der default-Wert für jedes Datum-Zeit-Komponente der Eigenschaft ist nicht definiert, aber wenn alle Komponenten-Eigenschaften nicht definiert sind, dann Jahr, Monat und Tag ausgegangen werden "numeric".

    Überprüfen Sie Online

    Mehr Details

    InformationsquelleAutor der Antwort Iman Bahrampour

  17. 8
    var today = new Date();
var formattedToday = today.toLocaleDateString() + ' ' + today.toLocaleTimeString();

    InformationsquelleAutor der Antwort zest

  18. 7

    Sugar.js hat hervorragende Erweiterungen für das Date-Objekt, einschließlich Datum.format Methode.

    Beispiele aus der Dokumentation:

    Date.create().format('{Weekday} {Month} {dd}, {yyyy}');

Date.create().format('{12hr}:{mm}{tt}')

    InformationsquelleAutor der Antwort hasen

  19. 7

    OKwir haben etwas namens Intldie ist sehr nützlich für die Formatierung eines Datum in JavaScript:

    Ihr Datum wie folgt:

    var date = '10/8/2010';

    Und wechseln Sie zu Datum mit new Date() wie folgt:

    date = new Date(date);

    Und jetzt kannst du es formatieren wie du möchtest mit einer Liste der locales wie unten:

    date = new Intl.DateTimeFormat('en-AU').format(date); //Australian date format: "8/10/2010" 

    date = new Intl.DateTimeFormat('en-US').format(date); //USA date format: "10/8/2010" 

    date = new Intl.DateTimeFormat('ar-EG').format(date);  //Arabic date format: "٨‏/١٠‏/٢٠١٠"

    Wenn Sie genau möchten, das format, die Sie bereits erwähnt, können Sie tun:

    date = new Date(Date.UTC(2010, 7, 10, 0, 0, 0));
var options = {year: "numeric", month: "short", day: "numeric"};
date = new Intl.DateTimeFormat("en-AU", options).format(date).replace(/\s/g, '-');

    Und das Ergebnis wird sein:

    "10-Aug-2010"

    Weitere details über ECMAScript Internationalisierung API (Intl)besuchen hier.

    InformationsquelleAutor der Antwort Alireza

  20. 3

    Hier ist ein Skript, das genau das tut, was Sie wollen

    https://github.com/UziTech/js-date-format

    var d = new Date("2010-8-10");
document.write(d.format("DD-MMM-YYYY"));

    InformationsquelleAutor der Antwort Tony Brix

  21. 3

    Gibt es eine neue Bibliothek, smarti.to.jsfür lokalisierte Formatierung von JavaScript-zahlen, Daten und JSON-Daten (Microsoft oder nach ISO8601).

    Beispiel:

    new Date('2015-1-1').to('dd.MM.yy')         //Outputs 01.01.2015
"2015-01-01T10:11:12.123Z".to('dd.MM.yy')   //Outputs 01.01.2015

    Es gibt auch eigene kurze definierte Muster in der localization Datei (smarti..{Kultur}.js). Beispiel (smarti.to.et-EE.js):

    new Date('2015-1-1').to('d')                //Outputs 1.01.2015

    Und ein multiformatting Fähigkeit:

    smarti.format('{0:n2} + {1:n2} = {2:n2}', 1, 2, 3)   //Output: 1,00 + 2,00 = 3,00

    InformationsquelleAutor der Antwort Gene R

  22. 3

    Inspiriert von JD Smith's marvellous regulären Ausdruck Lösung, hatte ich plötzlich dieses head-splitting Idee:

    var D = Date().toString().split(" ");
document.getElementById("demo").innerHTML = D[2] + "-" + D[1] + "-" + D[3];

    InformationsquelleAutor der Antwort Dave

  23. 2

    Fügen Sie die jQuery UI plugin auf Ihrer Seite:

    function DateFormate(dateFormate, datetime) {
    return $.datepicker.formatDate(dateFormate, datetime);
};

    InformationsquelleAutor der Antwort Thulasiram

Schreibe einen Kommentar