详解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 限制输入脚本大全
Nov 03 Javascript
JavaScript中SQL语句的应用实现
May 04 Javascript
jQuery 常见操作实现方式和常用函数方法总结
May 06 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
jquery判断元素是否隐藏的多种方法
May 06 Javascript
通过js来制作复选框的全选和不选效果
May 22 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
May 12 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
Iscrool下拉刷新功能实现方法(推荐)
Jun 26 Javascript
Vue的编码技巧与规范使用详解
Aug 28 Javascript
Node.js API详解之 querystring用法实例分析
Apr 29 Javascript
js实现圆形菜单选择器
Dec 03 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中的string类型使用说明
2010/07/27 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
Yii 2.0如何使用页面缓存方法示例
2017/05/23 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
JS中的substring和substr函数的区别说明
2013/05/07 Javascript
vue组件实现弹出框点击显示隐藏效果
2020/10/26 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
JS通过位运算实现权限加解密
2018/08/14 Javascript
ES6 系列之 Generator 的自动执行的方法示例
2018/10/19 Javascript
jquery层次选择器的介绍
2019/01/18 jQuery
使用Vue实现一个树组件的示例
2020/11/06 Javascript
[37:23]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第二局
2016/03/04 DOTA
python线程、进程和协程详解
2016/07/19 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
Python中eval带来的潜在风险代码分析
2017/12/11 Python
python破解zip加密文件的方法
2018/05/31 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
利用PyTorch实现VGG16教程
2020/06/24 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
Python连接Mysql进行增删改查的示例代码
2020/08/03 Python
Python实现上下文管理器的方法
2020/08/07 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
通过Canvas及File API缩放并上传图片完整示例
2013/08/08 HTML / CSS
H&M美国官网:欧洲最大的服饰零售商
2016/09/07 全球购物
UGG雪地靴荷兰官网:UGG荷兰
2016/09/09 全球购物
馥绿德雅美国官方网站:Rene Furterer头皮护理专家
2019/05/01 全球购物
文员的职业生涯规划发展方向
2014/02/08 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
2014年反腐倡廉工作总结
2014/12/05 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python
Redis Cluster 字段模糊匹配及删除
2021/05/27 Redis
SpringCloud Alibaba项目实战之nacos-server服务搭建过程
2021/06/21 Java/Android
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL
Spring Cloud OAuth2实现自定义token返回格式
2022/06/25 Java/Android