详解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 相关文章推荐
新老版本juqery获取radio对象的方法
Mar 01 Javascript
Js获取事件对象代码
Aug 05 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
有效提高JavaScript执行效率的几点知识
Jan 31 Javascript
jQuery插件jRumble实现网页元素抖动
Jun 05 Javascript
Jquery日历插件制作简单日历
Oct 28 Javascript
JavaScript绑定事件监听函数的通用方法
May 14 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
May 04 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
基于vue循环列表时点击跳转页面的方法
Aug 31 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 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判断FORM表单或URL参数来的数据是否为整数的方法
2016/03/25 PHP
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
JS打开新窗口的2种方式
2013/04/18 Javascript
js输出阴历、阳历、年份、月份、周示例代码
2014/01/29 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
2014/08/16 Javascript
JavaScript中自定义事件用法分析
2014/12/23 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
学习Javascript面向对象编程之封装
2016/02/23 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
2018/06/14 Javascript
vue-cli3 DllPlugin 提取公用库的方法
2019/04/24 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
详解Node.JS模块 process
2020/08/31 Javascript
Python实现的数据结构与算法之链表详解
2015/04/22 Python
Python各种扩展名区别点整理
2020/02/27 Python
mac 上配置Pycharm连接远程服务器并实现使用远程服务器Python解释器的方法
2020/03/19 Python
python的pip有什么用
2020/06/17 Python
python 制作磁力搜索工具
2021/03/04 Python
Lacoste(法国鳄鱼)加拿大官网:以标志性的POLO衫而闻名
2019/05/15 全球购物
中学生寄语大全
2014/04/03 职场文书
激励员工的口号
2014/06/16 职场文书
暑假安全教育广播稿
2014/09/10 职场文书
见习报告的格式
2014/10/31 职场文书
2014年体检中心工作总结
2014/12/23 职场文书
干部考察材料范文
2014/12/24 职场文书
蜗居观后感
2015/06/11 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
MySQL系列之十一 日志记录
2021/07/02 MySQL
JS前端轻量fabric.js系列物体基类
2022/08/05 Javascript