详解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 相关文章推荐
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
javascript高级学习笔记整理
Aug 14 Javascript
js中replace的用法总结
Dec 27 Javascript
jQuery针对各类元素操作基础教程
Aug 29 Javascript
谈谈JavaScript异步函数发展历程
Sep 29 Javascript
js原型链与继承解析(初体验)
May 09 Javascript
ionic选择多张图片上传的示例代码
Oct 10 Javascript
Vue 2.0学习笔记之Vue中的computed属性
Oct 16 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
如何根据业务封装自己的功能组件
Apr 19 Javascript
Preload基础使用方法详解
Feb 03 Javascript
JavaScript异步操作中串行和并行
Nov 20 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初学者常见问题集合 修正版(21问答)
2010/03/23 PHP
php中取得文件的后缀名?
2012/02/20 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
JavaScript入门教程(5) js Screen屏幕对象
2009/01/31 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
jquery清空textarea等输入框实现代码
2013/04/22 Javascript
node.js中的http.createClient方法使用说明
2014/12/15 Javascript
一款简单的jQuery图片标注效果附源码下载
2016/03/22 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
2018/03/08 Javascript
Vue中div contenteditable 的光标定位方法
2018/08/25 Javascript
一些手写JavaScript常用的函数汇总
2019/04/16 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
node.js中path路径模块的使用方法实例分析
2020/02/13 Javascript
基于javascript处理二进制图片流过程详解
2020/06/08 Javascript
Python实现字符串格式化的方法小结
2017/02/20 Python
简单易懂的python环境安装教程
2017/07/13 Python
Python实现的txt文件去重功能示例
2018/07/07 Python
python3 爬取图片的实例代码
2018/11/06 Python
pytorch permute维度转换方法
2018/12/14 Python
解析Python的缩进规则的使用
2019/01/16 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
解决python 文本过滤和清理问题
2019/08/28 Python
html5定位并在百度地图上显示的示例
2014/04/27 HTML / CSS
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
《晚上的太阳》教学反思
2014/04/23 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
单位委托书
2014/10/15 职场文书
民主评议党员总结
2014/10/20 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
先进工作者推荐材料
2014/12/23 职场文书
Python数据分析之pandas读取数据
2021/06/02 Python