Formatieren und Anzeigen von Datum in angularjs

Question

Ich erstellte eine Datepicker-Direktive, die einen jquery Datepicker verwendet, um einen Kalender zu generieren. Wir können die Art und Weise formatieren, wie die Daten nach der Auswahl eines Datums angezeigt werden. Ich habe ein Datum, das in der Datenbank gespeichert ist. Meine Anforderung besteht darin, das Datum nur dann in einem bestimmten Format zu laden, wenn die Modelldaten angezeigt werden und nicht geändert werden sollen.

habe ich einen Filter, den Text zu formatieren, aber es gibt oft "Nan undefiniert NaN"

Das ist mein Filter

myUploadApp.filter('cmdate', ['$filter', function ($filter) { 
     return function (input, format) {    
      if (input) { 
      return $filter('date')(new Date(Date.parse(input)), format); 
      } else { 
      return null; 
     } 
     }; 
    }]); 

ist und diesen Filter aufzurufen "cmdate: 'MMM yyyy dd'" Dies wird hinzugefügt. Mein Eingabeformat ist wie folgt: "23.04.2016".

Answer 1

Sie sollten moment.js Kasse - http://momentjs.com/

ich es verwenden, um Daten zu machen, wie dieses "2016-05-12T14: 00: 00.346Z", um Wörter wie "in 10 Stunden"

fromNow .filter.js:

myapp.filter('fromNow', [, function() { 
     return function (date) { 
      return moment(date).fromNow(); 
     } 
    }; 
}]); 

Schauen Sie sich um zu sehen, ob es die Formatierungs hat Sie benötigen

Answer 2

Date.parse akzeptiert String-Format MM/dd/yyyy, und Ihre Eingabe likes dd/MM/yyyy, deshalb hat es nicht funktioniert.

Wenn Sie darauf bestehen, dieses Format zu verwenden, müssen Sie das Format vor parse korrigieren;

.filter('cmdate', ['$filter', function ($filter) { 
    return function (input, format) { 

     //swap month and date first 
     input = input.split('/'); 
     input[0] = input.splice(1, 1, input[0])[0]; 
     input = input.join('/'); 

     var date = new Date(Date.parse(input)); 
     if (input) { 
      return $filter('date')(new Date(Date.parse(input)), format); 
     } else { 
      return null; 
     } 
    }; 
}])