Pregunta Fecha y hora con la visualización de la zona horaria usando Angularjs


Cómo mostrar la información de la zona horaria junto con la fecha y la hora usando Angularjs:

Estoy tratando de mostrar la fecha y la hora utilizando el enlace definido a continuación:

{{data.filterData.run_date | date: 'h: mm a'}} el {{data.filterData.run_date | date: 'M / d / aa'}}

Algo como el anterior que muestra IST para India, CST para EE. UU. Y zonas horarias correctas para cada usuario final y conversión.


ACTUALIZAR


Estoy obteniendo los datos en el siguiente formato y en formato UTC, pero el navegador los convierte automáticamente en máquina del cliente: 2015-10-26T08: 46: 05 + 0000

¿Cómo podemos mostrar la zona horaria abreviada según el formato anterior o la fecha y hora convertidas y no específicamente en UTC? Como tengo diferentes clientes y usuarios finales; entonces esto debería ser dinámico para el usuario final.

¡Gracias por adelantado!


9
2017-11-09 10:14


origen


Respuestas:


Pero en las versiones 1.3.x solo la zona horaria admitida es UTC, puede usar js externos si trabaja con 1.3.x como Momento js 

{{fecha definida por el usuario | fecha: 'MMM d, y H: mm: ss': 'UTC'}}

Desde la versión 1.4.0-rc.0 AngularJS también admite otras zonas horarias.

En la vinculación de plantillas HTML

{{date_expression | fecha: formato: zona horaria}}

En JavaScript

$ filter ('fecha') (fecha, formato, zona horaria)

Más...


7
2017-11-09 10:23



usa el siguiente código:

<html>
<head>
<title>Localization App</title>

</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script type="text/javascript">
    var app=angular.module('myApp',[]);
    app.controller('myCtrl',function($scope)
    {
        $scope.CurrentDate = new Date();    
    });
</script>
<div ng-app="myApp" ng-controller="myCtrl">
     Date : {{CurrentDate | date:'dd/MM/yyyy'}}  </br>
     Date_1 : {{CurrentDate | date:'dd, MMMM yyyy'}}  </br>
     Time : {{CurrentDate | date: 'hh:mm:ss a'}} </br> 
     Time_1 : {{CurrentDate | date: 'HH:mm:ss Z'}} </br> 
</div>

</body>
</html>

Salida:

Fecha: 13/12/2017
Fecha_1: 13, diciembre de 2017
Hora: 10:33:42 a.m.
Time_1: 10:33:42 +0530


1
2017-12-13 05:03