Angular從datetimepicker獲取日期

我想從引導datetimepicker獲取日期，但是當我把輸入字段ng模型不工作？Angular從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 
     }); 
    });

我怎麼能做到呢？

來源

2016-04-11 Jamie

你能創建一個plnkr http://plnkr.co或或codepen http://codepen.io – dreamweiver

也儘量避免任何使用第三方庫以及angularjs，就像你使用jquery一樣。 **無論你使用jquery做什麼都可以使用angularjs。**更多信息供你參考：http：//stackoverflow.com/questions/14994391/thinking-in-angularjs-if-i-have-a-jquery -背景 – dreamweiver

如果需要日期timepicker在單個組件中可以使用http://dalelotts.github.io/angular-bootstrap-datetimepicker/，也可以使用2個組分（日期選擇器和timepicker）從Angular Bootstrap

來源

2016-04-11 12:55:02

例如

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

就可以得到數據by $ scope.dt如果你想觀看日期變化，你可以做

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

來源

2016-04-11 12:55:50 Nicholas

這是不是最好的做法，將angularJS與jQue ry插件。有很多插件轉換爲angularJS指令，您可以嘗試使用。例如 https://github.com/dalelotts/angular-bootstrap-datetimepicker

來源

2016-04-11 12:56:11

包括ID = 「dtp_endDate」輸入標籤內

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

來源

2016-04-11 12:59:11

Angular從datetimepicker獲取日期

回答

相關問題