Display-TimeSpan-Typ-Daten in Angularjs Listing

Versuchen zu zeigen, mal in der Tabelle, aber es zeigt mir die Zeit in diesem format

{"Hours":16,"Minutes":8,"Seconds":45,"Milliseconds":0,"Ticks":581250000000,"Days":0,"TotalDays":0.6727430555555556,"TotalHours":16.145833333333332,"TotalMilliseconds":58125000,"TotalMinutes":968.75,"TotalSeconds":58125}

während ich angezeigt werden soll, die in diesem format

"12:13:20"

In der Html-Datei, die ich nicht auflisten wie diese

<table>
    <thead>
        <tr>
            <th>Start Time</th>
            <th>End Time</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="item in Festivals">
            <td>{{item.StartTime}}</td>
            <td>{{item.EndTime}}</td>
        </tr>
    </tbody>
</table>

Winkel-controller-code, wo ich bin initialisieren Daten

var app = angular.module('myApp');

app.controller('SeasonCtrl', [
    '$scope', '$http', 'seasonService', function ($scope, $http, seasonService) {

        $scope.Seasons = [];

        seasonService.GetAllSeasons = function () {
            seasonService.getSeasons().success(function (data) {
                $scope.Seasons = data.data;
            })
        }

        seasonService.GetAllSeasons();

    }
]);

C# - Code, den ich bin das senden der Daten an angular controller

public JsonResult GetAllSeasons()
{
    var data = _seasonManager.AllSeasons();
    if (data != null)
    {
        var list = data.Select(r => new
        {
            r.StartTime,
            r.EndTime
        });

        return Json(new { data = list }, JsonRequestBehavior.AllowGet);
    }
    return null;
}
  • Bitte fügen Sie Ihrem code.
  • Können Sie uns zeigen, der Wert der item.StartTime?
  • Dieser Wert kommt aus der DB, wenn ich das Prüfobjekt durch Break point {StartTime = {14:44:45}, EndTime = {14:44:45}}, während in der Browser zeigt in diesem format {"Hours":16,"Minutes":8,"Seconds":45,"Milliseconds":0,"Ticks":581250000000,"Days":0,"TotalDays":0.6727430555555556,"TotalHours":16.145833333333332,"TotalMilliseconds":58125000,"TotalMinutes":968.75,"TotalSeconds":58125}
InformationsquelleAutor Slan | 2016-03-24
  1. 2

    Diese Lösung verwendet eine filter-und Moment.js.

    In JS:

    angular.module('app')
    .filter('showTimeSpan', function () {
        return function (timeObj, format) {
            return moment(timeObj, "HH:mm").format(format);
        };
    });

    In HTML:

    <p>{{activity.startTime | showTimeSpan:"hh:mm a"}}</p>
    InformationsquelleAutor gezanoletti
  2. 1

    Ich habe gerade versucht, diese und Ihr mein problem gelöst

    In Html

    <table>
    <thead>
        <tr>
            <th>Start Time</th>
            <th>End Time</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="item in Festivals">
            <td ng-bind='timeFunction(item.StartTime)'></td>
<td ng-bind='timeFunction(item.EndTime)'></td>
        </tr>
    </tbody>
</table>

    In Eckigen Controller

    $scope.timeFunction = function (timeObj) {
      var min = timeObj.Minutes < 10 ? "0" + timeObj.Minutes : timeObj.Minutes;
      var sec = timeObj.Seconds < 10 ? "0" + timeObj.Seconds : timeObj.Seconds;
      var hour = timeObj.Hours < 10 ? "0" + timeObj.Hours : timeObj.Hours;
      return hour + ':' + min + ':' + sec;
};
    InformationsquelleAutor Slan
  3. -1

    Können Sie die Datum filter im Winkel zum display-datetime-formatiert:

    In HTML:

    <p>{{mydate | date:'H:mm:ss'}}</p>

    In JS:

    $scope.mytime = $filter('date')(mydate, 'H:mm:ss');
    • Diese nicht funktioniert, weil Zeitspanne ist nicht ein Datum
    InformationsquelleAutor michelem
Schreibe einen Kommentar