详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
2017-02-17 14:09
1226 查看
Angularjs内置的过滤器(filter)为我们的数据信息格式化提供了比较强大的功能,比如:格式化时间,日期、格式化数字精度、语言本地化、格式化货币等等。但这些过滤器一般都是在VIEW中使用的,比如格式化时间/日期的VIEW视图代码:
<div ng-app> <p> <label>Select a date</label> <input type="date" id="date" ng-model="datevalue" /> </p> <p> {{ datevalue | date : 'fullDate'}} </p> </div>
那么问题来了,如果我需要在控制器(controller)的js代码中使用filter来格式化时间/日期,应该怎样处理呢? 直接上代码吧: 视图(view)模板代码:
<div ng-app="dateApp" ng-controller="dateController"> <p> {{ result }} </p> </div>
控制器(controller)代码:
var app = angular.module('dateApp', []); app.controller( 'dateController', function ($scope, $filter) { $scope.result = $filter('date')(new Date(), 'fullDate'); } );
以上就是在控制器(controller.js)的js代码中使用过滤器($filter)格式化日期/时间的实现。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- AngularJS 日期格式化详解
- Angularjs中使用layDate日期控件示例
- Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
- Angularjs验证用户输入的字符串是否为日期时间
- Angular4.0中引入laydate.js日期插件的方法教程
- angularjs封装bootstrap时间插件datetimepicker
- angularjs实现时间轴效果的示例代码
- bootstrap timepicker在angular中取值并转化为时间戳
- 基于datepicker定义自己的angular时间组件的示例
- AngularJS日期格式化常见操作实例分析
相关文章推荐
- AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
- Java经典实例:使用DateFormatter来格式化日期时间
- angularJS date filter ——时间格式化过滤器
- Spring Boot的filter(过滤器)简单使用实例详解
- AngularJS中使用three.js的实例详解
- angularjs中的filter(过滤器)——格式化日期的date
- AngularJS中filter的使用实例详解
- 使用Smarty 获取当前日期时间和格式化日期时间的方法详解
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs中的filter(过滤器)——格式化日期的date
- 使用Smarty 获取当前日期时间和格式化日期时间的方法详解
- angularJS date filter ——时间格式化过滤器
- angularjs中的filter(过滤器)——格式化日期的date
- Android 日期和时间的使用实例详解
- angularjs中的filter(过滤器)——格式化日期的date
- angularjs中的filter(过滤器)——格式化日期的date
- angularJs在控制器中使用过滤器实例
- Angular.Js中过滤器filter与自定义过滤器filter实例详解
- AngularJS过滤器filter-时间日期格式-渲染日期格式-$filter
- JS格式化日期和时间