Angularjs中比较使用的DateFormat库

angular.module(‘newApp‘)
  .factory(‘dateUtil‘, function() {
    var symbolMap = {
      ‘MM‘: function(date) {
        if (typeof(date) === ‘string‘) {
          var d = new Date(date);
          return d.getMonth();
        }
        return date.getMonth() + 1;
      },
      ‘mm‘: function(date) {
        if (typeof(date) === ‘string‘) {
          var d = new Date(date);
          return d.getMinutes();
        }
        return date.getMinutes();
      },
      ‘YY‘: function(date) {
        if (typeof(date) === ‘string‘) {
          var d = new Date(date);
          return d.getFullYear();
        }
        return date.getFullYear();
      },
      ‘ss‘: function(date) {
        if (typeof(date) === ‘string‘) {
          var d = new Date(date);
          return d.getSeconds();
        }
        return date.getSeconds();
      },
      ‘hh‘: function(date) {
        if (typeof(date) === ‘string‘) {
          var d = new Date(date);
          return d.getHours();
        }
        return date.getHours();
      },
      ‘dd‘: function(date) {
        if (typeof(date) === ‘string‘) {
          var d = new Date(date);
          return d.getDate();
        }
        return date.getDate();
      }
    };

    function _makeNchar(char, n) {
      var str = [];
      while (n--) {
        str.push(char);
      }
      return str.join(‘‘);
    }

    function alignNumber(num, len, char) {
      num = num + ‘‘;
      if (num.length > len) {
        return num;
      } else {
        return _makeNchar(char, len - num.length) + num;
      }
    }

    function getRelativeDate(offset, date) {
      var relativeDate = new Date(date),
        dateValue = relativeDate.getDate() + offset;
      relativeDate.setDate(dateValue);
      return relativeDate;
    }return {
      format: function(date, fmtStr) {
        if (fmtStr) {
          return fmtStr.replace((/(MM|mm|YY|ss|hh|dd)/g), function(s) {
            return alignNumber(symbolMap[s](date), 2, ‘0‘);
          });
        }
      },
      getRelativeDate: getRelativeDate
    };
  });
时间: 2024-10-01 04:42:38

Angularjs中比较使用的DateFormat库的相关文章

图表控件Highcharts在AngularJS中的使用

一.Highcharts简介 Highcharts是一款非常好用的前端图表控件,正如其中文网介绍的那样:功能强大.开源.美观.图表丰富.兼容绝大多数浏览器的纯js图表库. 如果你的项目是基于jquery的,那么你可以轻松的把它拿过来使用,直接在页面中引入js文件并按照官方的API文档进行配置即可.下面提供了Highcharts的中英文官网: (1) Highcharts英文网:http://www.highcharts.com/ (2) Highcharts中文网:http://www.hcha

AngularJs中POST和GET方式的ajax请求

angular中ajax请求的方法说明: /* * _http:angularJs中的$http对象 * _url:ajax请求的URL * _method:请求方式:POST或GET * _params:GET方式请求时传递的参数 * _data:POST方式请求时传递的参数 * _responseType:在请求中设置XMLHttpRequestResponseType属性,""(字符串,默认), * "arraybuffer"(ArrayBuffer);&qu

AngularJS中实现显示或隐藏动画效果的3种方式

本篇体验在AngularJS中实现在"显示/隐藏"这2种状态切换间添加动画效果. 通过CSS方式实现显示/隐藏动画效果 思路: →npm install angular-animage→依赖:var app = angular.module("app",["ngAnimate"]);→controller中一个变量接收bool值→界面中提供一个按钮,点击改变bool值→界面中显示/隐藏的区域提供ng-if和controller中的bool值绑定

AngularJS 中的 Promise 和 设计模式

Promises And Design Patterns 写得好长好长好长长~ 解决 Javascript 异步事件的传统方式是回调函数:调用一个方法,然后给它一个函数引用,当这个方法完结的时候执行这个函数引用. $.get('api/gizmo/42', function(gizmo) { console.log(gizmo); // or whatever }); 看起来很不错对不对,不过,也有缺点的:首先,合并或者链接多个异步过程超复杂:要么就是大量的模板代码,要么就是嗯哼你懂的回调地狱(

angularJS中$apply()方法详解

这篇文章主要介绍了angularJS中$apply()方法详解,需要的朋友可以参考下 对于一个在前端属于纯新手的我来说,Javascript都还是一知半解,要想直接上手angular JS,遇到的阻力还真是不少.不过我相信,只要下功夫,即使是反人类的设计也不是什么大的问题. Okay,废话不多说.为了弄明白angular JS为何物,我先是从Scope开始.那么什么是Scope呢?借用官方文档的一段话: 代码如下: "scope is an object that refers to the a

Angularjs中的promise

promise 是一种用异步方式处理值的方法,promise是对象,代表了一个函数最终可能的返回值或抛出的异常.在与远程对象打交道非常有用,可以把它们看成一个远程对象的代理. 要在Angular中创建promise需要使用内置的$q服务.先用factory定义一个服务,注入$q服务. angular.module('readApp').factory('asyncService', [ "$q", function ($q) { var myAsync=function(flag) {

AngularJS 中的 Promise 和 设计模式(转)

原文地址:http://my.oschina.net/ilivebox/blog/293771 目录[-] Promise 简单例子 链式 Promise Parallel Promises And 'Promise-Ifying' Plain Values AngularJS 中的实际应用 实际链式例子 测试 Promise - 基于代码 Promises And Design Patterns 写得好长好长好长长~ 解决 Javascript 异步事件的传统方式是回调函数:调用一个方法,然后

用postal.js在AngularJS中实现订阅发布消息

用postal.js在AngularJS中实现event bus 用postal.js在AngularJS中实现event bus 理想状态下,在一个AngularJS应用中,控制器都应该是相互独立的代码单元,它们之间不应该有任何的相互引用.但是有些时候,你还是需要让控制器在你的应用中相互交流.例如你现在有一个叫做Orders的控制器,它需要告诉一个叫做Cart的控制器其中需要添加一个新项目. 实现这种类型的交流方式的最好的方法之一就是使用event bus. postal.js正是一个在JS中

angularJs中关于ng-class的三种使用方式说明

在开发中我们通常会遇到一种需求:一个元素在不同的状态需要展现不同的样子. 而在这所谓的样子当然就是改变其css的属性,而实现能动态的改变其属性值,必然只能是更换其class属性 这里有三种方法: 第一种:通过数据的双向绑定(不推荐) 第二种:通过对象数组 第三种:通过key/value 下面简单说下这三种: 第一种:通过数据的双向绑定 实现方式: function changeClass(){   $scope.className = "change2"; } <div clas