DateTime не является тем же значением в базе данных, использующей angularJs

Question

Это Данные в sql db

, а это AnguJJ Ui-Calendar

Проблема в том, что: данные в БД представлены другими значениями в пользовательском интерфейсе

'use strict';
app.controller('eventController', ['$scope', 'uiCalendarConfig', '$http', 'ngAuthSettings',  function ($scope, uiCalendarConfig, $http, ngAuthSettings) {
    var serviceBase = ngAuthSettings.apiServiceBaseUri;
    $scope.SelectedEvent = null;
    var isFirstTime = true;

    $scope.events = [];
    $scope.eventSources = [$scope.events];
    //get the events data from server 
    $http.get(serviceBase + 'api/Event/GetEvents', {
        cache: true,
        params: {}
    }).then(function (data) {
        //get and push events data to calendar here
        console.log(data.data);
        $scope.events.slice(0, $scope.events.length);
        angular.forEach(data.data, function (value) {
            $scope.events.push({
                title: value.EventTitle,
                description: value.EventDescription,
                start:parseInt(value.StartDate),
                end: parseInt(value.EndDate),
                allDay: value.IsFullDay,
                stick: true

            }); 
             
        });
    });
    //Calender configration in angular
    $scope.uiConfig = {
        calendar: {
            height: 700,
            editable: true,
            displayEventTime: false,
            header: {
                left: 'month basicWeek basicDay agendaWeek agendaDay',
                center: 'title',
                right: 'today prev,next'
            },
            eventClick: function (event) {
                $scope.SelectedEvent = event;
            },
            eventAfterAllRender: function () {
                if ($scope.events.length > 0 && isFirstTime) {
                    //Focus first event
                    uiCalendarConfig.calendars.myCalendar.fullCalendar('gotoDate', $scope.events[0].start);
                    isFirstTime = false;
                }
            }
        }
    };
}]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<h1 class="form-login-heading">Calendar</h1>
        <div ng-controller="eventController">
            <div class="row">
                <div class="col-md-12 col-lg-12">
                    <div id="calendar" ui-calendar="uiConfig.calendar" class="bold blue" ng-model="eventSources" calendar="myCalendar"></div>
                </div>
                <div class="row col-md-4 text-center center">
                    <div ng-show="SelectedEvent" class="alert alert-success" style="margin-top:50px">
                        <h2 style="margin-top:0px"> Selected Event:</h2>
                        <h3 style="color:#A9A50E">{{SelectedEvent.title}}</h3>
                        <p>{{SelectedEvent.description}}</p>
                    </div>
                </div>

            </div>
        </div>

Я использовал:

начало: новая дата (parseInt (value.StartDate))> Не работает

и также используется: тип данных в БД этого столбца> DateTime, Date, nvarchar.> Не работает и та же ошибка.

Подводя итог:
Проблема: в дБ дата = 2018-09-09, но в пользовательском интерфейсе-view (с использованием angularJS) date = 1-1-1970.

Мне нужно знать, где проблема и как ее решить

Answer 1

Дата, которую вы получили от сервиса, представлена ​​в строковом формате, вам необходимо преобразовать ее в объект даты javascript.так что в вашем случае вы можете сделать это следующим образом

start: new Date(value.StartDate)