2016-04-11 25 views
2

私はブートストラップdatetimepickerから日付を取得しようとしていますが、入力フィールドにng-modelを置くと機能しません。私はそれを達成できるかdatetimepickerからの角度取得日付

HTML

<!-- EndDate --> 
<div class="form-group"> 
    <label for="dtp_enddate">Eind datum:</label> 
    <div class="input-group date" id="dtp_endDate"> 
     <input type="text" class="form-control" name="EndDate" ng-model="employeeCtrl.employee.EndDate" required="required" /> 
      <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </span> 
    </div> 
</div> 

jqueryの

$(function() { 
     $('#dtp_endDate').datetimepicker({ 
      useCurrent: true, 
      collapse: true, 
      format: 'YYYY-MM-D', 
      locale: 'nl', 
      allowInputToggle: true 
     }); 
    }); 

?あなたは、単一のコンポーネントに日付timepickerが必要な場合は

+0

内側= "dtp_endDateは" あなたがplnkrを作成することができ、IDを含めるhttp://plnkr.coか、またはcodepen http://codepen.io – dreamweiver

+0

はまた、任意の使用を回避してみてくださいあなたのケースでのjqueryの使い方のように、anglejsとともにサードパーティのライブラリ。 ** Jqueryで何ができるのかは、angularjsでも可能です。**参考にしてください。http://stackoverflow.com/questions/14994391/thinking-in-angularjs-if-i-have-a-jquery -バックグラウンド – dreamweiver

答えて

1

から

<input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" /> 
in this example date is binding to dt (ng-model="dt") 

を2つの部品(日付ピッカーとtimepicker)を使用することができますあなたは、日付の変更を見たい場合は$ scope.dtによって、あなたはjQueでangularJSを結合することがベストプラクティスではありません

$scope.$watch('dt',function(val){ 
    //to do  
    console.log(val) 
}) 
0

入力タグ

<input type="text" id="dtp_endDate" class="form-control" name="EndDate" ng-model="employeeCtrl.employee.EndDate" required="required" /> 
関連する問題