详解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代码
Mar 26 Javascript
javascript截取字符串小结
Apr 28 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
javascript中加var和不加var的区别 你真的懂吗
Jan 06 Javascript
探讨JavaScript标签位置的存放与功能有无关系
Jan 15 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
Jan 23 Javascript
JSONP跨域请求实例详解
Jul 04 Javascript
jQuery ztree实现动态树形多选菜单
Aug 12 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 Javascript
node.js爬虫框架node-crawler初体验
Oct 29 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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
dedecms模版制作使用方法
2007/04/03 PHP
php获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
PHP简单实现无限级分类的方法
2016/05/13 PHP
PHP+MySql+jQuery实现的&quot;顶&quot;和&quot;踩&quot;投票功能
2016/05/21 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
php测试kafka项目示例
2020/02/06 PHP
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
jquery自定义函数的多种方法
2014/01/09 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
2016/01/28 Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
2016/05/17 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
2018/09/25 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
Python运行的17个时新手常见错误小结
2012/08/07 Python
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
Python素数检测的方法
2015/05/11 Python
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
Python素数检测实例分析
2015/06/15 Python
python 递归深度优先搜索与广度优先搜索算法模拟实现
2018/10/22 Python
Django框架使用mysql视图操作示例
2019/05/15 Python
HTML5的语法变化介绍
2013/08/13 HTML / CSS
墨西哥皇宫度假村预订:Palace Resorts
2018/06/16 全球购物
Java里面Pass by value和Pass by Reference是什么意思
2016/05/02 面试题
自考生毕业自我鉴定
2013/10/10 职场文书
基层党建工作宣传标语
2014/06/24 职场文书
资产运营委托书范本
2014/10/16 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
女性健康知识讲座通知
2015/04/23 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python
Java实战之课程信息管理系统的实现
2022/04/01 Java/Android