版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bug_love/article/details/85287657
弄了一个时分的插件 :
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