2017-03-05 6 views
2

私はrequiredに設定されたテキスト入力を持っています。このフィールドは、日付範囲のピッカーです。日付範囲ピッカーのコードがテキストを入力すると、angleは入力が入力されたと認識していません。フィールドが必須であるという妥当性検査のエラーがまだ残っています。何か案は?私は試しました$setValidity('required',true);そこに運がありません。AngularJS必須入力、コードで無効、無効

私はこの日付範囲ピッカーを使用しています:Link

は、ここでは、コードです。最初のHTML側で、私の入力:javascriptの側Iの設定に続いて

<input class="form-control" type="text" name="daterange" id="daterange" ng-model="daterange" placeholder="Pick A Date"/> 

入力日付範囲ピッカーとして

$('input[name="daterange"]').daterangepicker({ 
    "autoApply": true, 
    "autoUpdateInput": false 
}); 

$('#daterange').on('apply.daterangepicker', function(ev, picker) { 
    $('#daterange').val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY')); 
}); 

$('#daterange').on('cancel.daterangepicker', function(ev, picker) { 
    $('#daterange').val(''); 
}); 

私はすべてのフォームを表示するHTML側でいくつかの角度を使用しています私は手動でフィールドに入力するとエラーが

<ul> 
    <li ng-repeat="(key, errors) in requestForm.$error track by $index"> <strong>{{ key }}</strong> errors 
     <ul> 
      <li ng-repeat="e in errors">{{ e.$name }} has an error: <strong>{{ key }}</strong>.</li> 
     </ul> 
    </li> 

それが検証します。しかし、日付範囲のピッカーを使用してはいません。

+0

あなたはui-bootstrapまたはプレーンhtmlコントロールを使用していますか? – Aravind

+0

不完全な情報、あなたのhtmlコードを共有してください! – Smit

+0

はい、ブートストラップを使用しています – DasPete

答えて

0

まあ私はこれを最終的に考え出した。問題は、daterange pickerが角度の値を設定していないことです。これは、jQueryを使ってそれをやっていた:

$('#daterange').val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY')); 

をバック日付範囲ピッカーから同じコールを使用してその値を設定するために、角度の方法を使用することにより:

$scope.daterange = (picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY')); 

バリデータはそれを拾います。助けをいただきありがとうございます

関連する問題