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
28-02-2020
Crear un Post - Eventos Devs - Foro

Obtener la Fecha Actual con Angular JS 1.4.3

Demo Github

index.html

script.js

+ Artículos y Tutoriales

Todas Nuestras Páginas y Categorías:

Partners