弄了一個時分的外掛 ：

jquery.timepicker.css

jquery.timepicker.js

截圖：

這個外掛是用Jquery的，所以，Angular如何獲取值呢？

 <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!--Jquery必須在angular之前執行，所以，外掛也要放到前面，不然外掛會出不來-->

 <script src="../bower_components/angular/angular.js"></script>
  <link rel="stylesheet" href="../bower_components/angularjs-datetime-picker/angularjs-datetime-picker.css" />
  <script src="../bower_components/angularjs-datetime-picker/angularjs-datetime-picker.js"></script>
 

 <th width="15%">日期</th>
            <td width="85%"><input class="form-control" ng-model="politeness.startDate"  id="startDate"     style="width: 150px;height: 35px"    required>  ~
                            <input class="form-control" ng-model="politeness.endDate" id="endDate"     style="width: 150px;height: 35px"  required>
            </td>
 

Angular裡這樣修改：

  $scope.politeness.startDate = $("#startDate").val();
   $scope.politeness.endDate = $("#endDate").val();

這樣就可以了。

timepicker外掛下載地址：https://download.csdn.net/download/bug_love/10881044