您的位置：首页 > Web前端 > AngularJS

Angularjs date过滤器获得当前时间

2017-12-12 16:32 302 查看

<!DOCTYPE html>

<html>

   <head>

       <meta charset="utf-8" />

       <title></title>

       <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>

       <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>

   </head>

   <body ng-app="myApp" ng-controller="myCtrl">

       <table border="1px" cellspacing="0" cellpadding="0">

           <tr><th><input type="checkbox" class="ck1"></th><th>姓名</th></th><th>时间</th></tr>

           <tr ng-repeat="good in goods"><td><input type="checkbox" class="ck2" /></td><td>{{good.name}}</td><td>{{good.time|date:"yyyy-MM-dd hh:mm:ss"}}</td></tr>

       </table>

       <input type="text" ng-model="na" ng-keydown="dian($event)" />

       <script type="text/javascript">

           var m = angular.module("myApp",[]);

           m.controller("myCtrl",function($scope){

               $scope.goods = [{"name":"张三","time":"2017-12-12"},{"name":"李四","time":"2017-12-12"},{"name":"王五","time":"2017-12-12"}];

               $scope.dian = function($event){

                   var k = $event.keyCode;



                   if(k == 13){

                       var a = $scope.na;

                       //获取当前时间

                       var date = new Date();

                       var time = date.getTime();



                       var newgood = {"name":a,"time":time};



                       $scope.goods.push(newgood)

                   }

               }

           })

       </script>

   </body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航