Question

如何在angularjs中动态设置最小日期。我的意思是如果我在angularjs中设置最小日期，它应该自动绑定到前端。这就是我在控制器中写的内容 $ scope.from1date =＆＃39; 2016年12月31日＆＃39 ;; $ scope.to1date =＆＃39; 2016年12月31日＆＃39 ;; 当我在控制器中更改我的最小日期时，它应该反映在我的前端页面以及如何做到这一点......

Answer 1

这似乎对我有用。您是否看过W3Schools的angularjs控制器上的this tutorial？我猜你的整体逻辑可能有点错误/错误。特别是，教程中的this code snippet正是您格式化所需的内容（您甚至可以将其复制粘贴到源代码中），并将您提供的确切代码放在帖子的评论中。然后你可能会注意到你出错了。

我希望这会有所帮助 - 让我知道它是怎么回事！

编辑：我知道，在这里你出错了。您需要使用Date对象（请参阅MDN Docs中的Date）。

简单地说，这样的事情应该这样做：

$scope.from1date= new Date(2015, 12, 20); //'2016-12-20';
$scope.to1date= new Date(2015, 12, 31); //'2016-12-31';

Answer 2

我想给你一个简单的例子。希望这可以帮助。如果这不起作用，请告诉我具体情况，以便进一步检查。我已经使用系统日修复了一个日期和另一个日期，以获得更好的示例。

控制器代码

 var app = angular.module('myApp', []);

    app.controller('myCtrl', function ($scope) {
        $scope.minDate = new Date("July 21, 1983 01:15:00");
        $scope.maxDate = new Date();
    });

HTML代码

我在其中一个文本框中添加了日期过滤器。您可以根据需要添加日期过滤器。

 <head>
        <title></title>    
        <script src="../Scripts/angular.js"></script>
        <script src="../js/DateTest.js"></script>    
    </head>
    <body>
        <div ng-app="myApp" ng-controller="myCtrl">
            Min Date: <input type="text" ng-model="minDate | date: medium"><br>
            Max Date: <input type="text" ng-model="maxDate"><br>
            <br>        

        </div>

    </body>

Angularjs min最大日期

2 个答案: