Jquery的時間外掛值,angular Js獲取方式
阿新 • • 發佈:2019-01-14
弄了一個時分的外掛 :
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