javascript - new - obtener fecha actual angular 4

Formato Fecha y hora en AngularJS

Question

¿Cómo se muestra correctamente la fecha y la hora en AngularJS?

El resultado a continuación muestra tanto la entrada como la salida, con y sin el filtro de fecha AngularJS:

In: {{v.Dt}}
AngularJS: {{v.Dt | date:''yyyy-MM-dd HH:mm:ss Z''}}

Esto imprime:

In: 2012-10-16T17:57:28.556094Z
AngularJS: 2012-10-16T17:57:28.556094Z

El formato de visualización deseado es 2010-10-28 23:40:23 0400 o 2010-10-28 23:40:23 EST

Answer 1

¿Has visto la sección Directivas de redacción (versión abreviada) de la documentation ?

HTML

<div ng-controller="Ctrl2">
Date format: <input ng-model="format"> <hr/>
Current time is: <span my-current-time="format"></span>
</div>

JS

function Ctrl2($scope) {
$scope.format = ''M/d/yy h:mm:ss a'';
}

Answer 2

Agregar $filter dependencia en el controlador.

var formatted_datetime = $filter(''date'')(variable_Containing_time,''yyyy-MM-dd HH:mm:ss Z'')

Answer 3

Aquí hay algunos ejemplos populares:

<div>{{myDate | date:''M/d/yyyy''}}</div> <div>{{myDate | date:''M/d/yyyy''}}</div> 7/4/2014

<div>{{myDate | date:''yyyy-MM-dd''}}</div> <div>{{myDate | date:''yyyy-MM-dd''}}</div> 2014-07-04

<div>{{myDate | date:''M/d/yyyy HH:mm:ss''}}</div> <div>{{myDate | date:''M/d/yyyy HH:mm:ss''}}</div> 7/4/2014 12:01:59

Answer 4

Aquí hay un filter que tomará una cadena de fecha O un objeto de fecha de JavaScript (). Utiliza Moment.js y puede aplicar cualquier función de transformación de Moment.js , como la popular ''fromNow''.

angular.module(''myModule'').filter(''moment'', function () {
return function (input, momentFn /*, param1, param2, ...param n */) {
var args = Array.prototype.slice.call(arguments, 2),
momentObj = moment(input);
return momentObj[momentFn].apply(momentObj, args);
};
});

Asi que...

{{ anyDateObjectOrString | moment: ''format'': ''MMM DD, YYYY'' }}

se mostraría el 11 de noviembre de 2014

{{ anyDateObjectOrString | moment: ''fromNow'' }}

se mostraría hace 10 minutos

Si necesita llamar a varias funciones de momento, puede encadenarlas. Esto se convierte a UTC y luego formatea ...

{{ someDate | moment: ''utc'' | moment: ''format'': ''MMM DD, YYYY'' }}

filter

Answer 5

Dentro de un controlador, el formato se puede filtrar inyectando $ filter.

var date = $filter(''date'')(new Date(),''MMM dd, yyyy'');

Answer 6

Le sugiero que use moment.js, que tiene un buen soporte para el formato de fecha de acuerdo a las configuraciones regionales.

crea un filtro que internamente usa el método moment.js para formatear la fecha.

Answer 7

Puede usar momentjs para implementar el filtro de fecha y hora en angularjs. Por ejemplo:

angular.module(''myApp'')
.filter(''formatDateTime'', function ($filter) {
return function (date, format) {
if (date) {
return moment(Number(date)).format(format || "DD/MM/YYYY h:mm A");
}
else
return "";
};
});

Donde la fecha está en formato de sello de tiempo.

Answer 8

Sé que este es un artículo antiguo, pero pensé en agregar otra opción para considerar.

Como la cadena original no incluye el demarker "T", la implementación predeterminada en Angular no la reconoce como una fecha. Puedes forzarlo usando una nueva fecha, pero eso es un poco molesto en una matriz. Dado que puede canalizar filtros juntos, es posible que pueda usar un filtro para convertir su entrada en una fecha y luego aplicar la fecha: filtrar en la fecha convertida. Crea un nuevo filtro personalizado de la siguiente manera:

app
.filter("asDate", function () {
return function (input) {
return new Date(input);
}
});

Luego, en su marcado, puede canalizar los filtros:

{{item.myDateTimeString | asDate | date:''shortDate''}}

Answer 9

Simplly si quieres que salga como "Jan 30, 2017 4:31:20 PM", sigue al paso simple

paso1- Declara la siguiente variable en el controlador js

$scope.current_time = new Date();

step2- mostrar en la página html como

{{current_time | fecha: ''medio''}}

Answer 10

Tu código debería funcionar como lo tienes para ver este violín .

Sin v.Dt asegurarse de que su v.Dt sea ​​un objeto Date adecuado para que funcione.

{{dt | date:''yyyy-MM-dd HH:mm:ss Z''}}

o si dateFormat se define en el alcance como dateFormat = ''aaaa-MM-dd HH: mm: ss Z'':

{{dt | date:dateFormat }}

Answer 11

podemos formatear la fecha en el lado de la vista en angular es muy fácil ... por favor revise el siguiente ejemplo:

{{dt | fecha: "dd-MM-aaaa"}}

Answer 12

puedes obtener el filtro ''fecha'' de esta manera:

var today = $filter(''date'')(new Date(),''yyyy-MM-dd HH:mm:ss Z'');

Esto le dará la fecha de hoy en el formato que desee.

Answer 13

v.Dt es probable que no sea un objeto Date ().

Ver http://jsfiddle.net/southerd/xG2t8/

pero en tu controlador:

scope.v.Dt = Date.parse(scope.v.Dt);