Home / Questions / 5182
Accepted
The One
Asked: 2020-03-04 15:40:10 +0800 CST 2020-03-04 15:40:10 +0800 CST

Using time spans (TimeSpan) in JavaScript

  • 772

I have an ODATA node, which automatically returns data in Json format.

One of the properties on this object contains an ISO 8601 time span , as it is generated using TimeSpan(from .Net)

For example, a span of 7 hours is serialized like this:

"PT7H"

I consume this API from a client in AngularJs and I need to add and subtract hours and minutes, and JavaScript doesn't have a native TimeSpan data type.

You JavaScript ninjas, how do you handle this kind of situation? That is, how do I convert that format to a "friendly" JavaScript object that I can use?

Which bookstore is recommended? moment.js? date.js?

Here are some pitiful attempts of mine:

var resultado=JSON.parse(valorTS); //mismo valor
var resultado=Date(valorTS); //Invalid date

(Same question: https://stackoverflow.com/questions/33893265/how-to-deserialize-json-timespan-in-javascript )

javascript

2 Answers

  1. Best Answer

    Moment.js supports ISO 8601 time spans (just like C#'s TimeSpan), it calls them durations . Includes basic operations: add and subtract. If you subtract dates you get durations, if you add dates and durations you get dates, if you add/subtract durations you get durations, if you add dates... you can't, just like C#'s DateTime and TimeSpan.

    If I were you, I wouldn't spend valuable time developing something that is done and well done, like Moment.js -unless it's for learning purposes-.

    // ahora mismo 
var ahora = moment();
// lapso de tiempo de 7 horas...
var timeSpan = moment.duration('PT7H');

// los sumamos... 7 horas en el futuro
alert(ahora.add(timeSpan).format());
    <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>

    • 3

  2. Why not take advantage of the situation to create a bookstore?

    If what you want is to be able to add and subtract these values, either between them and with dates, you only need two functions (addition and subtraction).

    module.exports = TimeSpan;

function TimeSpan (text) {
  if (this instanceof TimeSpan) {
    // magia para parsear el string "PT7H"
    this.horas = horas;
  } else {
      return new TimeSpan(text);
  }
}

TimeSpan.prototype.add = function (timespan_or_date) {
  // magia para sumar timespans
}
    • 0