Angularjs - Zeigt das aktuelle Datum an

Bekam ich eine view in angularjs und ich versuche nur die Anzeige der aktuellen Datum(formatiert). Ich dachte, so etwas wie <span>{{Date.now() | date:'yyyy-MM-dd'}}</span> sollte die Darstellung des aktuellen Datums.

Kommentar zu dem Problem

Es würde.. aber Sie weiß es nicht Datum.jetzt(). Kommentarautor: putvande

So habe ich zum generieren der Variablen in der Steuerung zuerst? Ich dachte, so etwas einfaches wie das aktuelle Datum wäre einfacher 🙂 Kommentarautor: Evo_x

Datum.jetzt() nodeJS-Funktion Kommentarautor: Nay

@: Nein, Nein, es ist nicht developer.mozilla.org/en/docs/Web/JavaScript/Reference/... Kommentarautor: THBBFT

InformationsquelleAutor der Frage Evo_x | 2014-04-09

angularjs javascript

209

Erstellen Sie ein date-Objekt im controller zuerst:

controller:
```
function Ctrl($scope)
{
    $scope.date = new Date();
}
```
anzeigen:
```
<div ng-app ng-controller="Ctrl">
    {{date | date:'yyyy-MM-dd'}}
</div>
```
JSFiddle-Beispiel

Angular Date Filter Ref

InformationsquelleAutor der Antwort sloth

Können Sie auch dies mit einem filter, wenn Sie nicht wollen, haben zu befestigen, wird ein date-Objekt zum aktuellen scope-jedes mal, wenn Sie wollen, drucken Sie das Datum ein:

.filter('currentdate',['$filter',  function($filter) {
    return function() {
        return $filter('date')(new Date(), 'yyyy-MM-dd');
    };
}])

dann aus Ihrer Sicht:

<div ng-app="myApp">
    <div>{{'' | currentdate}}</div>
</div>

InformationsquelleAutor der Antwort Nick G.

Vorlage

<span date-now="MM/dd/yyyy"></span>

Richtlinie

.directive('dateNow', ['$filter', function($filter) {
  return {
    link: function( $scope, $element, $attrs) {
      $element.text($filter('date')(new Date(), $attrs.dateNow));
    }
  };
}])

Weil Sie keinen Zugriff auf die Date - Objekt direkt in einer Vorlage (für eine inline-Lösung), ich opteted für diese Richtlinie. Es hält auch Ihre Regler zu reinigen und ist wiederverwendbar.

InformationsquelleAutor der Antwort flori

19

Gut, Sie können es tun, mit Schnurrbart Ausdruck ({{Date.now() | date:'dd.MM.yyyy HH:mm:ss'}}). Sie müssen nur ordnen Sie die Date-Objekt, um den Umfang, wo Sie wollen, dies zu bewerten Ausdruck.

Hier der jsfiddle-Beispiel: jsfiddle

Aber nicht erwarten, dass es update-Wert automatisch. Dieser Wert wird nicht, beobachtet von Winkel-so haben Sie, um die trigger-digest jedes mal, wenn Sie wollen, um es aktualisiert wird (durch $ - Intervall zum Beispiel)...das ist Verschwendung von Ressourcen (und auch nicht "empfohlen" docs). Natürlich können Sie verwenden, Kombination mit Richtlinien/Steuerungen, mess around mit untergeordneten Bereich nur (es ist immer kleiner als zum Beispiel rootScope und verdauen schneller).

InformationsquelleAutor der Antwort JakubKnejzlik
7

Nur meine 2 Cent im Fall, dass jemand stolpern 🙂

Was ich Vorschlage, hier wird das gleiche Ergebnis wie die aktuelle Antwort es wurde jedoch empfohlen, um schreiben Sie Ihre controller die Art und Weise, die ich hier erwähnt haben.

Referenz navigieren Sie zu dem ersten "Hinweis" (Sorry, dass es nicht der Anker)

Hier ist der empfohlene Weg:

Controller:
```
var app = angular.module('myApp', []);   
app.controller( 'MyCtrl', ['$scope', function($scope) {
    $scope.date = new Date();
}]);
```
Anzeigen:
```
<div ng-app="myApp">
  <div ng-controller="MyCtrl">
    {{date | date:'yyyy-MM-dd'}}
  </div>
</div>
```
InformationsquelleAutor der Antwort Mr H

Können Sie moment() und format() Funktionen in AngularJS.

Controller:

var app = angular.module('demoApp', []);   
app.controller( 'demoCtrl', ['$scope', '$moment' function($scope , $moment) {
$scope.date = $moment().format('MM/DD/YYYY');
}]);

Anzeigen:

<div ng-app="demoApp">
  <div ng-controller="demoCtrl">
    {{date}}
  </div>
</div>

InformationsquelleAutor der Antwort nari_atyachari

Hier ist die Probe Ihrer Antwort: http://plnkr.co/edit/MKugkgCSpdZFefSeDRi7?p=preview

<span>Date Of Birth: {{DateOfBirth | date:"dd-MM-yyyy"}}</span>
<input type="text" datepicker-popup="dd/MM/yyyy" ng-model="DateOfBirth" class="form-control" />

und dann in den controller:

$scope.DateOfBirth = new Date();

InformationsquelleAutor der Antwort Mohaimin Moin

Ansicht

<div ng-app="myapp">
{{AssignedDate.now() | date:'yyyy-MM-dd HH:mm:ss'}}
</div>

Controller

var app = angular.module('myapp',[])

app.run(function($rootScope){
    $rootScope.AssignedDate = Date;
})

InformationsquelleAutor der Antwort Manish Kumar Singh

Einer Lösung ähnlich die eine von @Nick G. durch die Verwendung der filter, aber stellen Sie die parameter sinnvoll:

Implementieren Sie einen filter namens relativedate die berechnen das Datum relativ zum aktuellen Datum, die durch den angegebenen parameter als diff. Als Ergebnis (0 | relativedate) heute bedeutet und (1 | relativedate) bedeutet morgen.

.filter('relativedate', ['$filter', function ($filter) {
  return function (rel, format) {
    let date = new Date();
    date.setDate(date.getDate() + rel);
    return $filter('date')(date, format || 'yyyy-MM-dd')
  };
}]);

und Ihre html:

<div ng-app="myApp">
    <div>Yesterday: {{ -1 | relativedate}}</div>
    <div>Today: {{0 | relativedate}}</div>
    <div>Tomorrow: {{1 | relativedate}}</div>
</div>

InformationsquelleAutor der Antwort tsh

Andere Art und Weise zu tun ist:
Im Controller, erstellen Sie eine variable, um das aktuelle Datum wie unten gezeigt:

var eventsApp = angular.module("eventsApp", []);
eventsApp.controller("EventController", function EventController($scope) 
{

 $scope.myDate = Date.now();

});

In der HTML-Ansicht,

<!DOCTYPE html>
<html ng-app="eventsApp">
<head>
    <meta charset="utf-8" />
   <title></title>
   <script src="lib/angular/angular.js"></script>
</head>
<body>
<div ng-controller="EventController">
<span>{{myDate | date : 'yyyy-MM-dd'}}</span>
</div>
</body>
</html>

InformationsquelleAutor der Antwort Sunita

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.