So formatieren Sie ein JavaScript-date

Wenn Sie benötigen, um schnell zu formatieren Sie Ihre Daten mit einfachen JavaScript, verwenden Sie getDate, getMonth + 1, getFullYear, getHours 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 sebastian.i

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 Dmitry Pavlov

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 Mite Mitreski

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 NiKo

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 JD Smith

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 jmiraglia

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 webzy

Einer 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 Prasad DLV

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

InformationsquelleAutor zest

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

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

InformationsquelleAutor Thulasiram