2016-04-11 14 views
2

Bir bootstrap datetimepicker'dan tarih almaya çalışıyorum ama giriş alanına bir ng modelini koyduğumda çalışmıyor mu?Datetimepicker'dan açısal tarih

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 Bunu başarmak nasıl olabilir

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

? Tek bir bileşende tarih-timepicker gerekiyorsa

+0

Bir plnkr yaratabilecek http://plnkr.co da codepen http://codepen.io – dreamweiver

+0

ayrıca herhangi kullanımını kaçınarak deneyin Joker kullanımında olduğu gibi, angularjs ile birlikte 3. parti kütüphaneleri. ** Jquery ile yapabileceğiniz her şey angularjs ile de mümkündür. ** referansınız için daha fazla bilgi: http: //stackoverflow.com/questions/14994391/thinking-in-angularjs-if-i-have-a-jquery -arka fon – dreamweiver

cevap

1

den

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

2 bileşenlerini (datepicker ve timepicker) kullanabilir Eğer tarihi değişikliği izlemek istiyorsanız $ scope.dt tarafından size O jQue ile angularjs birleştirmek için en iyi uygulama değildir

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

giriş etiketinin içinde = "dtp_endDate" id dahil

<input type="text" id="dtp_endDate" class="form-control" name="EndDate" ng-model="employeeCtrl.employee.EndDate" required="required" />