2016-06-13 7 views
1

現在の時間に動的に最小時間を設定しようとしていますが、動作していません。angularjs:<input type = 'time'>の動的時間を動的に設定しました

$scope.mintime = new Date();
<label class="item item-input item-stacked-label"> 
 
    <span class="input-label" >Preferred Time</span> 
 
    <input type="time" class="input-control" name="requestTime" ng-model="request.time" ng-change="checktime();" min="{{mintime | date:'hh:mm a'}}" required> 
 
</label>

+0

ngMinを試しましたか? – Vincismique

+0

ngMinの使い方?? ...私はディレクティブも追加する必要がありますか? – talentedandrew

+0

これを試してください: ' ' – Vincismique

答えて

2

これを試してみてください:min="{{mintime | date:'HH:mm:ss'}}"

それはちょうど形式:)

+0

私は時間を検証したいと思っています。 – talentedandrew

+0

'min =" {{mintime | date: 'yyyy-mm-dd'}} "'試しましたか? – Vincismique

+0

はい、動作していません – talentedandrew

0
<form name="myForm"> 
    <label class="item item-input item-stacked-label"> 
    <span class="input-label">Preferred Time</span> 
    <input type="time" class="input-control" name="requestTime" ng-model="request.time" ng-change="checktime();" min="{{date | date:'HH:mm:ss'}}" required> 
    </label> 

    {{myForm.requestTime.$valid}} 

    <button type="submit">Submit</button> 
</form> 

angular.module('sampleApp', []) 
    .controller('myCtrl', function($scope) { 
    $scope.date = new Date(); 
    }) 

アウトhttp://jsfiddle.net/ebinmanuval/jzczzz40/

は、そうでなければ、あなたが目をチェックする必要がフィドルについてですe値:ng-change

+0

angularjsバリデーションを使用しているので、私は 'novalidate' attrにフォームを設定しなければなりませんでした.....それで、あなたはそれなしでやる方法を教えてください。 – talentedandrew

+0

あなたは 'ng-form'を使用しなければならず、checkoutはフォームが有効かどうかをチェックします。回答を更新しました –

+0

まだ動作していません – talentedandrew

関連する問題