English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Explicación detallada de cómo usar el filtro ($filter) en el controlador (controller.js) de Angularjs para formatear la fecha/Ejemplo de instancia de tiempo

Los filtros integrados en Angularjs (filter) proporcionan funciones bastante potentes para formatear información de datos, como: formateo de tiempo, fechas, precisión numérica, localización de idioma, formateo de moneda, etc. Pero estos filtros generalmente se utilizan en la VIEW, como el formateo de tiempo./Código de vista de la fecha:

<div ng-app>
  <p>
    <etiqueta>Seleccione una fecha</etiqueta>
    <input type="date" id="date" ng-model="datevalue" />
  </p>
  <p> {{ datevalue | date : 'fullDate'}} </p>
</div> 

Entonces, ¿qué pasa si necesito usar el filtro en el código js del controlador (controller) para formatear la hora?/¿Cómo manejar la fecha? Vamos a subir el código directamente: Código del plantilla de vista (view):

<div ng-app="dateApp" ng-controller="dateController">
  <p> {{ result }} </p>
</div> 

Código del controlador (controller):

var app = angular.module('dateApp', []);
  app.controller(
    'dateController',
    function ($scope, $filter) {
      $scope.result = $filter('date')(new Date(), 'fullDate');
    }
); 

A continuación, se muestra cómo se utiliza el filtro ($filter) para formatear la fecha en el código js del controlador (controller.js)/Implementación del tiempo. Espero que esto ayude en su aprendizaje y que todos apoyen el tutorial de grito.

Declaración: El contenido de este artículo se ha obtenido de la red, y los derechos de autor pertenecen al propietario original. El contenido ha sido subido por usuarios de Internet de manera autónoma y no ha sido editado por humanos. Este sitio no posee los derechos de propiedad y no asume responsabilidad alguna por las responsabilidades legales. Si encuentra contenido sospechoso de infracción de derechos de autor, le invitamos a enviar un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, reemplace # con @) para denunciar y proporcionar evidencia relevante. Una vez confirmado, este sitio eliminará inmediatamente el contenido sospechoso de infracción.

Te gustará