How to recolor Label?

Question

Angular

Hello, I have this JS code:

productApp.filter('dateMark', function(){
  return function(srok, TERMIN){
    var nowDate = new Date;
    console.log(srok);
    if (Date.parse(nowDate) < ( Date.parse(srok) + ((86400000 * TERMIN)))){
      return 'Свежий товар';
    }
     else if (Date.parse(nowDate) > ( Date.parse(srok) + ((86400000 * TERMIN)))){
      return 'Термин хранения кончается';
    }
      else return 'Ошибка';
  }
});

And here is the output

<span class="label label-success" >Дата изготовления: {{product.data | dateMark : product.termin}} </span>

How to recolor this label for example in red color if this condition is met:

else if (Date.parse(nowDate) > ( Date.parse(srok) + ((86400000 * TERMIN)))){
      return 'Термин хранения кончается';

Answer 1

The simplest and "clumsy" option:

productApp.filter('dateMark', function(){
  return function(srok, TERMIN){
    var nowDate = new Date;
    console.log(srok);
    if (Date.parse(nowDate) < ( Date.parse(srok) + ((86400000 * TERMIN)))){
         return {text:'Свежий товар', class: 'label label-success'};
    }
     else if (Date.parse(nowDate) > ( Date.parse(srok) + ((86400000 * TERMIN)))){
         return {text:'Термин хранения кончается', class: 'label label-error'};
    }
      else return 'Ошибка';
  }
})

Here is a demo:
jsfiddle

Answer 2

In order not to suffer as much with the simplicity of the date as you do, take a look at moment.js. An excellent library in which you can twirl with dates as you like.