详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例


Posted in Javascript onFebruary 17, 2017

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)格式化日期/时间的实现。希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 Javascript
浅析javascript中function 的 length 属性
May 27 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
vue封装第三方插件并发布到npm的方法
Sep 25 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
深入浅析JavaScript中的in关键字和for-in循环
Apr 20 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
three.js着色器材质的内置变量示例详解
Aug 16 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
Feb 17 #Javascript
走进AngularJs之过滤器(filter)详解
Feb 17 #Javascript
jQuery实现弹幕效果
Feb 17 #Javascript
Ajax基础知识详解
Feb 17 #Javascript
bootstrap中模态框、模态框的属性实例详解
Feb 17 #Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
Feb 17 #Javascript
原生js实现日期计算器功能
Feb 17 #Javascript
You might like
Mysql的常用命令
2006/10/09 PHP
新手配置 PHP 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
PHP mysql与mysqli事务使用说明 分享
2013/08/17 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
JS 判断代码全收集
2009/04/28 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
简单学习JavaScript中的for语句循环结构
2015/11/10 Javascript
快速学习AngularJs HTTP响应拦截器
2015/12/31 Javascript
javascript制作照片墙及制作过程中出现的问题
2016/04/04 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
js的三种继承方式详解
2017/01/21 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
js中的闭包实例展示
2018/11/01 Javascript
JavaScript this绑定过程深入详解
2018/12/07 Javascript
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
[00:43]2016完美“圣”典风云人物:单车宣传片
2016/12/02 DOTA
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
[51:17]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
详解Python中break语句的用法
2015/05/14 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
解决Python requests 报错方法集锦
2017/03/19 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
Python基于template实现字符串替换
2020/11/27 Python
手术室护士长竞聘书
2014/03/31 职场文书
说明书怎么写
2014/05/06 职场文书
同事离别感言
2015/08/04 职场文书
小学体育教学随笔
2015/08/14 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书
python cv2图像质量压缩的算法示例
2021/06/04 Python