2016-04-24 9 views
0

angularjsで日付の最小値を動的に設定する方法。私はanglejsに最小日付を設定すると、自動的にフロントエンドにバインドされるべきです。 これは私のコントローラに書いたものです $ scope.from1date = '2016-12-31'; $ scope.to1date = '2016-12-31'; コントローラで最小の日付を変更すると、フロントエンドページに反映され、その操作を行う必要があります。Angularjs min max date

+0

$ scope.to1date = '2016-12-31'; –

答えて

1

私にとってはうまくいくようです。 W3Schoolsのangularjsコントローラでthis tutorialを見ましたか?私はあなたの全体的なロジックがどうにか間違っているかもしれない/バギーだと思っています。特にチュートリアルのthis code snippetは、書式設定(ソースコードにコピーして貼り付けることもできます)に必要なもので、投稿のコメントに入力したコードを正確に記述することができます。それから、どこが間違っているのか分かります。

私はこれが助けてくれることを願っています。

編集:ここがあなたが間違っていたところです。 Dateオブジェクトを使用する必要があります(MDNドキュメントのDateを参照)。

単純に、このようなものは、それを行う必要があります:私はあなたに簡単な例を与えることをしようとしています

$scope.from1date= new Date(2015, 12, 20); //'2016-12-20'; 
$scope.to1date= new Date(2015, 12, 31); //'2016-12-31'; 
+0

こんにちはbro .... .... ng-modelの作品ですが、私はあなたがそれを行う方法を知っていれば最小最大日付をバインドしたいと思うlemmeを知って –

+0

ねえ、私は参照してください。申し訳ありませんが、元の質問を誤解しました。私は自分の答えを更新しました。何か問題があれば教えてください。 – user3773048

+0

それは役に立ちましたか?そうでない場合は教えてください。これがあなたが探していたものであれば、私の答えを受け入れたものとして自由に記入してください。 – user3773048

0

。お役に立てれば。これで問題が解決しない場合は、詳細を確認してください。私は1つの日付を固定し、もう1つはシステムの日を使用してより良い例を得ました。

コントローラーコード

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

    app.controller('myCtrl', function ($scope) { 
     $scope.minDate = new Date("July 21, 1983 01:15:00"); 
     $scope.maxDate = new Date(); 
    }); 

HTMLコード

私は、テキストボックスのいずれかで日付フィルタを追加しました。必要に応じて日付フィルタを追加できます。

<head> 
     <title></title>  
     <script src="../Scripts/angular.js"></script> 
     <script src="../js/DateTest.js"></script>  
    </head> 
    <body> 
     <div ng-app="myApp" ng-controller="myCtrl"> 
      Min Date: <input type="text" ng-model="minDate | date: medium"><br> 
      Max Date: <input type="text" ng-model="maxDate"><br> 
      <br>   

     </div> 

    </body> 

The result appears as follows

+0

上記の解決策が動作するかどうかお知らせください。 –

+0

上記の解決策が役立つ場合は、回答を受け入れるか、私があなたが殴られた場所を教えてください –