angularjs中日期的回显

最新推荐文章于 2022-09-16 14:43:44 发布

醉小义

最新推荐文章于 2022-09-16 14:43:44 发布

阅读量877

点赞数

分类专栏： angularjs 文章标签：日期的回显 angularjs

本文链接：https://blog.csdn.net/qq_30638831/article/details/76443625

版权

angularjs 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <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>
    <!--
                日期的回显问题:在你编辑用户信息的时候，从后台取到的数据显示在浏览器上。
    -->
    <script>

        angular.module("myApp",[]).controller("myControl",["$scope",function($scope){
            $scope.filter = {
                'start_date':'',
                'end-date':''
            };

            $scope.filter.start_date = '2016-12-12'; //假如这是后台传过来的数据
            $scope.filter.end_date = '2016-12-13';

            //alert($scope.filter.start_date);
            $scope.filter.start_date = new Date($scope.filter.start_date);
            $scope.filter.end_date = new Date($scope.filter.end_date);
        }]);
    </script>
</head>
<body ng-app="myApp" ng-controller="myControl">
<div class="container-fluid">
    <div class="row">
        <div class="col-md-2">
        <div class="input-group input-large date-picker input-daterange" data-date="2012-10-11" data-date-format="yyyy-mm-dd">
             <input type="date" class="form-control" name="from"   ng-model="filter.start_date"  >
            <span class="input-group-addon"> 至 </span>
            <input type="date" class="form-control" name="to"     ng-model="filter.end_date" >

        </div>

        </div>
    </div>
</div>
</body>
</html>

醉小义

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs中日期的回显

Title  angular.module("myApp",[]).controller("myControl",["$scope",function($scope){
复制链接

扫一扫