2016-08-09 54 views
0

Ich habe dieses AngularJS-Paket (https://www.npmjs.com/package/angularjs-datepicker) ausprobiert und hatte Mühe, die Date-Set-Eigenschaft zu verwenden. In meinem Beispiel habe ich 2 Kalender, von denen 1 das Datum von gestern und 1 das Datum von heute anzeigen sollte. Könnte mir bitte jemand helfen, diese Daten zu setzen?AngularJS Datepicker mit Datum gesetzt

Datumsauswahl:

<div class="datepicker-container"> 
    <div class="date-from"> 
     From: 
     <datepicker date-format="dd/MM/yyyy" selector="form-control" date-set="{{}}" class="date-picker"> 
     <div class="input-group"> 
      <input class="form-control" placeholder="Choose a date"/> 
      <span class="input-group-addon" style="cursor: pointer"> 
      <i class="glyphicon glyphicon-calendar"></i> 
      </span> 
     </div> 
     </datepicker> 
    </div> 
    <div class="date-too"> 
     To: 
     <datepicker date-format="dd/MM/yyyy" selector="form-control" date-set="{{}}" class="date-picker"> 
     <div class="input-group"> 
      <input class="form-control" placeholder="Choose a date"/> 
      <span class="input-group-addon" style="cursor: pointer"> 
      <i class="glyphicon glyphicon-calendar"></i> 
      </span> 
     </div> 
     </datepicker> 
    </div> 
    </div> 

Datum einstellen:

$scope.dateFrom = new Date(); 
$scope.dateTo = new Date(); 

Antwort

2
var date = new Date(); 

    $scope.today = date; //to show today's date 

    date.setDate(date.getDate() - 1); //to get yesterday's date, Ref:http://stackoverflow.com/questions/5511323/javascript-yesterday 

    $scope.yesterday = date; 
sehen

Datum ausgewertet-Set:

Aus der Dokumentation über verknüpft, https://www.npmjs.com/package/angularjs-datepicker. Ich sehe, dass Sie date Objekt als string Attribut date-set übergeben müssen, daher das Datum Objekt in Zeichenfolge konvertieren.

//js 
var date = new Date(); 

$scope.today = date.toString(); //to show today's date 

date.setDate(date.getDate() - 1); //to get yesterday's date, Ref:http://stackoverflow.com/questions/5511323/javascript-yesterday 

$scope.yesterday = date.toString(); 



//html 
<datepicker date-format="dd/MM/yyyy" selector="form-control" date-set="{{today}}" class="date-picker"> 

<datepicker date-format="dd/MM/yyyy" selector="form-control" date-set="{{yesterday}}" class="date-picker"> 
+0

Wie würde ich das dann im 'date-set = {{}}' verwenden? – Garrett

+0

Ich habe die Antwort bearbeitet. Hoffe, das hilft :) –

+0

Es tat, danke :) – Garrett