在控制器中为时间输入 angularjs 创建掩码

Question

我在 angularjs 控制器中有如下代码。

    $scope.detailConfig = [{
         title: $filter('translate')('bundle.app.HORA_MINUTO_INICIAL_DESCONSIDERAR'),
         property: 'faixaHorariaInicial',
         type: 'text'
     },{
         title: $filter('translate')('bundle.app.HORA_MINUTO_FINAL_DESCONSIDERAR'),
         property: 'faixaHorariaFinal',
         type: 'text'
     }];

从这段代码中，我渲染了这两个输入字段。我需要为这两个输入添加时间掩码，以便用户只能以这种格式输入时间：hh:mm。

你能告诉我我该怎么做吗？

Answer 1

当您说您有输入但没有标签时，要知道您在处理什么有点困难。但是在 JavaScript 中，如果你有一个 Date 对象，那么你可以使用下面的函数来返回一个字符串："hh:mm" 根据你的要求。

var myDate = new Date();

function getTime(d) {
    hours = d.getHours();
    minutes = d.getMinutes();
    //seconds = d.getSeconds();
    //return hours + ":" + minutes + ":" + seconds;
  return hours + ":" + minutes;
};

var myTime = getTime(myDate);
// returns "10:59"

否则，如果您确实有一个正在使用的 html Input，那么我建议您使用其中一种解决方案 here。这将限制输入以匹配您在控制器中 $filter 中输入的任何值。在你的情况下，你可以这样写：

$scope.tToDisplay = $filter('date')($scope.timestamp, 'HH:mm');

和

<input ng-model="tToDisplay"></input>