使用Angular日期过滤器如何以MM / DD / YYYY格式从日期获取星期几?

时间:2017-04-28 10:14:15

标签: angularjs

需要从4/25/2017格式的给定日期(MM/DD/YYYY)获取Day,Mon,Tues等,而不使用自定义过滤器。

<!DOCTYPE html>
    <html>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
        <body>
        
            <div ng-app="myApp" ng-controller="datCtrl">
                <p>Date = {{ today | date:'EEE' }}</p>
            </div>
        
            <script>
                var app = angular.module('myApp', []);
                app.controller('datCtrl', function($scope) {
                    $scope.today = '4/25/2017'
                });
            </script>
        
            <p>Need to get Day i.e Mon,Tues etc from above date which is in MM/DD/YYYY format without using custom filter. </p>
        
        </body>
    </html>

3 个答案:

答案 0 :(得分:4)

您需要将日期字符串的日期对象设为:

var app = angular.module('myApp', []);
app.controller('datCtrl', function($scope) {
    $scope.today = new Date('4/25/2017')
});
<!DOCTYPE html>
    <html>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
        <body>
        
            <div ng-app="myApp" ng-controller="datCtrl">
                <p>Date = {{ today | date:'EEE'}}</p>
            </div>

            <p>Need to get Day i.e Mon,Tues etc from above date which is in MM/DD/YYYY format without using custom filter. </p>
        
        </body>
    </html>

答案 1 :(得分:2)

使用日期的getDay函数

 <!DOCTYPE html>
    <html>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
        <body>

            <div ng-app="myApp" ng-controller="datCtrl">
                 <p>Date = {{ today | date:'EEE'}}</p>
                  <p>Day = {{ day }}</p>
            </div>

            <p>Need to get Day i.e Mon,Tues etc from above date which is in MM/DD/YYYY format without using custom filter. </p>

        </body>
    </html>

控制器是:

   var app = angular.module('myApp', []);
    app.controller('datCtrl', function($scope) {
     $scope.today = new Date('4/25/2017')

    var weekday = [];
    weekday[0] =  "Sunday";
    weekday[1] = "Monday";
    weekday[2] = "Tuesday";
    weekday[3] = "Wednesday";
    weekday[4] = "Thursday";
    weekday[5] = "Friday";
    weekday[6] = "Saturday";

    // getDay will return 0,2,3..6
    $scope.day = weekday[$scope.today.getDay()]; 

    });

答案 2 :(得分:-3)

您可以使用{{ today | date:'mm/dd/yyyy' }}

完成此操作