详解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中的parseInt使用技巧
Sep 03 Javascript
jQuery选择头像并实时显示的代码
Jun 27 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
浅析onsubmit校验表单时利用ajax的return false无效问题
Jul 10 Javascript
写得不错的jquery table鼠标经过变色代码
Sep 27 Javascript
javascript自启动函数的问题探讨
Oct 05 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
vue中 this.$set的用法详解
Sep 06 Javascript
解决vue一个页面中复用同一个echarts组件的问题
Jul 19 Javascript
React Hook用法示例详解(6个常见hook)
Apr 28 Javascript
微信小程序实现拍照和相册选取图片
May 09 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出错界面
2006/10/09 PHP
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
php获取图片信息的方法详解
2015/12/10 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
PHP实现简单的模板引擎功能示例
2017/09/02 PHP
一些不错的js函数ajax
2008/08/20 Javascript
jQuery1.6 使用方法一
2011/11/23 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
解析javascript 数组以及json元素的添加删除
2013/06/26 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
jQuery实现图片文字淡入淡出效果
2015/12/21 Javascript
学习JavaScript设计模式之代理模式
2016/01/12 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
Javascript调试之console对象——你不知道的一些小技巧
2017/07/10 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
jQuery EasyUI开发技巧总结
2017/09/26 jQuery
Vue项目接入Paypal实现示例详解
2020/06/04 Javascript
连接Python程序与MySQL的教程
2015/04/29 Python
通过数据库对Django进行删除字段和删除模型的操作
2015/07/21 Python
python中数据爬虫requests库使用方法详解
2018/02/11 Python
OpenCV中VideoCapture类的使用详解
2020/02/14 Python
如何创建一个Flask项目并进行简单配置
2020/11/18 Python
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
应征英语教师求职信
2013/11/27 职场文书
大学生素质拓展活动方案
2014/02/11 职场文书
食品采购员岗位职责
2014/04/14 职场文书
企业宣传策划方案
2014/05/29 职场文书
安全宣传标语口号
2014/06/06 职场文书
个人剖析材料范文
2014/09/30 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
交通安全月活动总结
2015/05/08 职场文书