在 angularjs 中的控制器中格式化日期时间

Question

所以我想在 xAxis 中格式化日期时间

$scope.today = new Date(new Date(data.getFullYear(), data.getMonth(), data.getDate(), 23, 0, 0).getTime() / 1000);
Highcharts.chart('g233', {
                chart: {
                    type: 'column',
                    zoomType: 'x'
                },
                xAxis: {
                    categories: [$scope.today], //what should i do here?
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: 'Number of people'
                    }
                }]
            });

HTML 代码，因为我使用 ng-init 来显示图形然后不知道如何获得

{{today |date:'MM/DD}}

工作。大多数在这里搜索都会导致这种格式。

<div class="box-body">
    <div id="g233" ng-if="finish_get_hours" ng-init="view_g233()"></div>
</div>

Answer 1

您可以使用 $filter。将 $filter 注入您的控制器

app.controller("Ctrl", [ "$scope", "$filter", function ($scope, $filter,){

  $scope.today = new Date(new Date(data.getFullYear(), data.getMonth(), data.getDate(), 23, 0, 0).getTime() / 1000);
  Highcharts.chart('g233', {
                chart: {
                    type: 'column',
                    zoomType: 'x'
                },
                xAxis: {
                    categories: [$filter('date')($scope.today, "MM/DD")], 
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: 'Number of people'
                    }
                }]
            });

}]);

有关 $filter 日期的更多信息：https://docs.angularjs.org/api/ng/filter/date

在 angularjs 中的控制器中格式化日期时间

Format datetime in controller in angularjs

date

graph

angularjs

angular-date-format