Как исключить секунды из типа ввода времени?

Question

Я беру Время из типа ввода «Время».

И печатаю его, используя AngluarJS, как {{Employee.StartTime}}.Но меня беспокоит то, что этот подход печатает время в 12:15:00.

Так как исключить секунды из формата?

Answer 1

Попробуйте, это исключит формат секунд.

{{Employee.StartTime | date:"HH:mm}}

Answer 2

В соответствии с документами angularjs вы можете выбрать один из множества форматов.Вы можете указать его в переменной и использовать что-то вроде:

В HTML:

<span>{{Employee.StartTime |  date : format}}</span>

В контроллере:

$scope.format = 'hh:mm';

Для вашего случая вы можете просто пойти на:

 <span>{{Employee.StartTime |  date : 'hh:mm'}}</span>

Answer 3

Я думаю, что StartTime, который вы получаете от объекта Employee, может быть строкой, поскольку он возвращает «12:15:00» в качестве значения без применения какого-либо фильтра или без преобразования даты.Поэтому я описал свой ответ, чтобы справиться с этим сценарием ниже.Также, пожалуйста, проверьте этот плункер рабочий пример вашего данного сценария.

Шаблон:

{{Employee.StartTime | timeFilter}}

Контроллер:

app.controller('MainCtrl', function($scope) {
  $scope.Employee={
    StartTime: '12:15:00'
  };
});

app.filter('timeFilter', function($filter) {
  return function(input){
    var date=new Date();
    date.setHours(input.split(':')[0]);
    date.setMinutes(input.split(':')[1]);
    return $filter('date')(date, 'hh:mm', 'US');
  }
});

Примечание: Вы можете изменить формат «чч: мм» на «ЧЧ: мм», если вам нужен 24-часовой формат.

Answer 4

Если {{Employee.StartTime}} является объектом Дата , вы можете отобразить его, как хотите, с помощью фильтра Дата .

Если я правильно понимаю, вы тольконужны часы и минуты, которых можно достичь так:

{{Employee.StartTime | date:"HH:mm}}