详解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创建自己的插件(自定义插件)的方法
Jun 10 Javascript
在jQuery中 关于json空对象筛选替换
Apr 15 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
用js格式化金额可设置保留的小数位数
May 09 Javascript
Javascript实现单张图片浏览
Dec 18 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
Dec 17 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
Nov 02 Javascript
canvas学习之API整理笔记(二)
Dec 29 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 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
攻克CakePHP系列一 连接MySQL数据库
2008/10/22 PHP
php 调用百度sms来发送短信的实现示例
2018/11/02 PHP
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
JavaScript 私有成员分析
2009/01/13 Javascript
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
浅析Prototype的模板类 Template
2011/12/07 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
2017/12/11 Javascript
JavaScript 日期时间选择器一些小结
2018/04/02 Javascript
[55:03]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.20
2020/11/20 DOTA
浅谈Python 中整型对象的存储问题
2016/05/16 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
Python matplotlib 绘制双Y轴曲线图的示例代码
2020/06/12 Python
Tommy Hilfiger澳洲官网:美国高端休闲领导品牌
2020/12/16 全球购物
过滤器的用法
2013/10/08 面试题
什么是servlet链?
2014/07/13 面试题
企业形象策划方案
2014/05/29 职场文书
优秀家长自荐材料
2014/08/26 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
学校党风廉政建设调研报告
2015/01/01 职场文书
鸟的天堂导游词
2015/01/31 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
旅行社计调工作总结
2015/08/12 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
php引用传递
2021/04/01 PHP
关于antd tree 和父子组件之间的传值问题(react 总结)
2021/06/02 Javascript
centos8安装MongoDB的详细过程
2021/10/24 MongoDB