Obtener la Fecha Actual con Angular JS 1.4.3

< 1 minuto(s)

En esta página:

Demo Github

Demo Github

En algunas ocasiones necesitamos obtener la fecha actual para realizar determinadas acciones en Angular JS, felizmente Angular JS nos da la opción de obtener la fecha actual y también podemos formatearla para mostrarla de acuerdo a el requerimiento de nuestra aplicación. En esta oportunidad les voy a mostrar como hacerlo.

Obtener la fecha actual es muy sencillo, tan solo usamos el objeto scope con la siguiente instrucción:


$scope.CurrentDate = new Date();

$scope.CurrentDate = new Date();

Creamos nuestra vista para visualizar la fecha actual:

index.html


<div ng-app="miAplicacion" ng-controller="fechaController" align="center">
   <span id ="fecha">{{CurrentDate | date:'dd-MM-yyyy'}}</span>
</div>

<span id ="fecha">{{CurrentDate | date:'dd-MM-yyyy'}}</span>

</div>

Ahora creamos el archivo en donde colocaremos el código para obtener la fecha actual:

script.js


var app = angular.module('miAplicacion', [])
app.controller('fechaController', function ($scope) {
     $scope.CurrentDate = new Date();
});

var app = angular.module('miAplicacion', [])

app.controller('fechaController', function ($scope) {

$scope.CurrentDate = new Date();

});

Si deseas puedes formatear la fecha, para mas información has click en el siguiente link:

https://docs.angularjs.org/api/ng/filter/date

Listo !

Espero les sirva de mucho el Tutorial.

Sígueme en Twitter: @pepoflex

Hasta nuestro siguiente artículo !

Angular Tutoriales 04-08-2015 04-08-2015 Crear un Post – Eventos Devs – Foro

Sobre el Autor

Juan Castro — Ingeniero de Software con más de 17 años de experiencia en desarrollo, ia, ml, devops, data science, ciberseguridad y tecnología.

Certificados oficiales:

Ver más

angular angularjs framework JavaScript js mvc

Sobre el Autor

Juan Castro — Ingeniero de Software con más de 17 años de experiencia en desarrollo, ia, ml, devops, data science, ciberseguridad y tecnología.

Certificados oficiales:

Ver más

+ Artículos y Tutoriales

DX es el Nuevo UX

Como Agregar Meta Tag (Open Graph) A Un Proyecto de React

Trabajando con HTTP 2 en Node JS 10

Los 20 Lenguajes de Programación más Populares – Septiembre 2020

Conceptos Iniciales para desplegar Django