Jquery的时间插件值,angular Js获取方式

版权声明:本文为博主原创文章,未经博主允许不得转载。 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

猜你喜欢

转载自blog.csdn.net/bug_love/article/details/85287657