详解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仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
Apr 24 Javascript
12306验证码破解思路分享
Mar 25 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
Bootstrap CSS布局之图像
Dec 17 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
微信小程序五星评分效果实现代码
Apr 06 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
浅谈Angular2 模块懒加载的方法
Oct 04 Javascript
Node.js使用supervisor进行开发中调试的方法
Mar 26 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
Apr 10 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
在VUE style中使用data中的变量的方法
Jun 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
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
解决php的“It is not safe to rely on the system’s timezone settings”问题
2015/10/08 PHP
PHP中SSO Cookie登录分析和实现
2015/11/06 PHP
PHP多维数组元素操作类的方法
2016/11/14 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
Laravel 创建可以传递参数 Console服务的例子
2019/10/14 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
用RadioButten或CheckBox实现div的显示与隐藏
2013/09/21 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
2016/10/14 Javascript
用jmSlip编写移动端顶部日历选择控件
2016/10/24 Javascript
jquery与js实现全选功能的区别
2017/06/11 jQuery
JavaScript方法_动力节点Java学院整理
2017/06/28 Javascript
JavaScript操作文件_动力节点Java学院整理
2017/06/30 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
[00:44]2016完美“圣”典 风云人物:Mikasa宣传片
2016/12/07 DOTA
详细介绍Python语言中的按位运算符
2013/11/26 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
Python 实现日志同时输出到屏幕和文件
2020/02/19 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
Python socket连接中的粘包、精确传输问题实例分析
2020/03/24 Python
Omio俄罗斯:一次搜索公共汽车、火车和飞机的机票
2018/11/17 全球购物
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
澳大利亚排名第一的露营和户外设备在线零售商:Outbax
2020/05/06 全球购物
办公室副主任岗位职责
2013/11/25 职场文书
工程索赔意向书
2014/08/30 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
安全教育片观后感
2015/06/17 职场文书