详解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 相关文章推荐
离开页面时检测表单元素是否被修改,提示保存的js代码
Aug 25 Javascript
Javascript学习笔记 delete运算符
Sep 13 Javascript
jQuery实用基础超详细介绍
Apr 11 Javascript
图片翻转效果具体实现代码
Jan 09 Javascript
关于JavaScript命名空间的一些心得
Jun 07 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
Jan 23 Javascript
clipboard.js在移动端复制失败的解决方法
Jun 13 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
Apr 10 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 Javascript
vue整合百度地图显示指定地点信息
Apr 06 Vue.js
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
PHP在字符串中查找指定字符串并删除的代码
2008/10/02 PHP
PHP 存储文本换行实现方法
2010/01/05 PHP
php 高性能书写
2010/12/11 PHP
PHP实现根据设备类型自动跳转相应页面的方法
2014/07/24 PHP
一波PHP中cURL库的常见用法代码示例
2016/05/06 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
JsDom 编程小结
2011/08/09 Javascript
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
2012/02/27 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
js实现select跳转功能代码
2014/10/22 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
基于Jquery实现万圣节快乐特效
2015/11/01 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
JS实现小球的弹性碰撞效果
2017/11/11 Javascript
js判断节假日实例代码
2017/12/27 Javascript
javascript将扁平的数据转为树形结构的高效率算法
2020/02/27 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
JavaScript代码实现简单计算器
2020/12/27 Javascript
python实现RSA加密(解密)算法
2016/02/17 Python
python将excel转换为csv的代码方法总结
2019/07/03 Python
pandas的qcut()方法详解
2019/07/06 Python
python监控进程状态,记录重启时间及进程号的实例
2019/07/15 Python
Flask模板引擎Jinja2使用实例
2020/04/23 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
html5的pushstate以及监听浏览器返回事件的实现
2020/08/11 HTML / CSS
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
EJB3推出JPA的原因
2013/10/16 面试题
幼儿园教师教育感言
2014/02/28 职场文书
土地转让协议书范本
2014/04/15 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
MySQL中使用or、in与union all在查询命令下的效率对比
2021/05/26 MySQL
Python访问Redis的详细操作
2021/06/26 Python