详解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 相关文章推荐
javascript之函数直接量(function(){})()
Jun 29 Javascript
js 匿名调用实现代码
Jun 19 Javascript
理解Javascript_05_原型继承原理
Oct 13 Javascript
jquery 与NVelocity 产生冲突的解决方法
Jun 13 Javascript
JS按回车键实现登录的方法
Aug 25 Javascript
BootStrap实用代码片段之一
Mar 22 Javascript
自动化测试读写64位操作系统的注册表
Aug 15 Javascript
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
Vue通过input筛选数据
Oct 26 Javascript
使用node.js对音视频文件加密的实例代码
Aug 30 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
Apr 10 Javascript
微信小程序APP页面的之间的相互传递参数以及自定义组件
Apr 19 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
PHP 透明水印生成代码
2012/08/27 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
javascript hashtable 修正版 下载
2010/12/30 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
深入讲解AngularJS中的自定义指令的使用
2015/06/18 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
javascript弹出带文字信息的提示框效果
2016/07/19 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
初探nodeJS
2017/01/24 NodeJs
javascript实现二叉树遍历的代码
2017/06/08 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
谈谈IntersectionObserver懒加载的具体使用
2019/10/15 Javascript
python实现的jpg格式图片修复代码
2015/04/21 Python
Python最基本的输入输出详解
2015/04/25 Python
实现python版本的按任意键继续/退出
2016/09/26 Python
python requests爬取高德地图数据的实例
2018/11/10 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
带你认识Django
2019/01/15 Python
python 多个参数不为空校验方法
2019/02/14 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
韩国流行时尚女装网站:Dintchina(中文)
2018/07/19 全球购物
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
会计学应届毕业生推荐信
2013/11/04 职场文书
幼儿园英语教学反思
2014/01/30 职场文书
学校花圃的标语
2014/06/18 职场文书
会议邀请函
2015/01/30 职场文书
刑事撤诉申请书
2015/05/18 职场文书
幼儿园教师教育随笔
2015/08/14 职场文书
预备党员入党思想汇报(范文)
2019/08/14 职场文书
Python torch.flatten()函数案例详解
2021/08/30 Python
Mysql使用全文索引(FullText index)的实例代码
2022/04/03 MySQL
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python