2016-08-09 19 views
0

私はこのAngularJSパッケージ(https://www.npmjs.com/package/angularjs-datepicker)を試していましたが、date-setプロパティの使用には苦労していました。私の例では、2つのカレンダーがあります.1つは昨日の日付を表示し、1は今日の日付を表示します。誰かが私にこれらの日付を設定するのを助けてくれますか?日付を使用したAngularJS datepicker

日付ピッカー:日付の設定

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

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

答えて

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; 

日付設定の使用:上記のリンクドキュメント、https://www.npmjs.com/package/angularjs-datepickerから

を。 dateオブジェクトをstringという属性に渡して属性date-setに渡さなければならないので、日付オブジェクトを文字列に変換する必要があります。

//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

どうすれば 'date-set = {{}}'でそれを使用できますか? – Garrett

+0

私は答えを編集しました。希望がこれを助ける:) –

+0

それは、ありがとう:) – Garrett

関連する問題