如何在本地时间输入中输出秒?

时间:2018-11-13 15:13:57

标签: html angularjs datetime

我有Html:

<input type="datetime-local" step=1 ng-model="end_date" required />

和代码(angularJs)

$scope.end_date = new Date('2018-11-10 10:11:15');

无论我做什么,输出都是'2018-11-10 10:11:00'。 我真的需要秒。 我该怎么办?

谢谢。

3 个答案:

答案 0 :(得分:1)

对于输出,只需使用过滤器以不同的方式显示它即可。这样的过滤器已经在AngularJS中使用了,称为date
只需选择所需的格式(在您的情况下,秒仅为's')。这是一个演示:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.end_date = new Date('2018-11-10 10:11:15');
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myCtrl">

  <input type="datetime-local" step=1 ng-model="end_date" required /> 
  <hr>
  {{end_date | date:"s"}}

</div>

答案 1 :(得分:0)

您可以使用非常方便的指令:https://github.com/eight04/angular-datetime 然后:

<input datetime="HH:mm:ss"  step=1 ng-model="myDate" required />

朋克:http://plnkr.co/edit/iOs0mO4ZuTfmm00HGThp?p=preview

答案 2 :(得分:0)

您应该能够在angularJs中使用日期过滤器。

 <span>{{end_date | date:'MM/dd/yyyy HH:mm:ss'}}</span>

它将显示日期,其中包含时间:分钟:秒

如果您只想利用时间

<span>{{end_date | date:'HH:mm:ss'}}</span>