DateTime与使用angularJs的数据库中的值不同

Question

这是sql db 中的数据

这是AngulaJJ Ui-Calendar

问题是：数据库中的数据与UI中的其他值一起显示

'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>

我用了：

start：new Date（parseInt（value.StartDate））> Not Working

并且还使用：此col> DateTime，Date，nvarchar的db中的数据类型。 >不工作和相同的错误。

总结一下： 问题是：在db中，date = 2018-09-09但在Ui-view中（使用angularJS）date = 1-1-1970。

我需要知道问题出在哪里，以及如何解决

Answer 1

您从服务中收到的日期是字符串格式，您需要将其转换为javascript日期对象。所以在你的情况下，你可以这样做

start: new Date(value.StartDate)