zoukankan      html  css  js  c++  java
  • 一个JavaScript日期格式化扩展函数

    我们都知道在Java和PHP语言中,有专门用于格式化日期对象的类和函数,例如Java中的DateFormat等等,通过这些类和函数,我们可以方便的将一个日期对象按照格式的要求输出为字符串,例如对于同一个日期2006年12月25日,需要的显示格式可能如下:

    2010年12月25日,2010-12-25,12-25-2010等等。

    在Javascript之中,日期对象是Date,那么如何将一个日期对象按照定制的格式进行输出呢?

    Date对象有有四个内置方法,用于输出为字符串格式,分别为:

    1. toGMTString,将一个日期按照GMT格式显示
    2. toLocaleString,将一个日期按照本地操作
    3. toLocaleDateString,按照本地格式显示一个日期对象的日期部分
    4. toLocaleTimeString,按照本地格式显示一个日期对象的时间部分

    尽管Javascript的Date对象中内置提供了这些输出为字符串的方法,但是这些字符串不是我们来控制格式的,因此如果我们需要我们自己定制的特殊格式,那么又该怎么办呢?

    不用着急,JsJava中提供了专用的类,专门对日期进行指定格式的字符串输出,你可以下载JsJava-1.0.zip,引入其中的src/jsjava/text/DateFormat.js,或者直接引入jslib/jsjava-1.0.js,样例代码如下:

    	var df=new DateFormat();
        df.applyPattern("yyyy-MM-dd hh:mm:ss");
        var date=new Date(2010,3,30,10,59,51);
        var str=df.format(date);
        document.write(str);//显示结果为:2010-04-30 10:59:51 
    

    通过上面的例子你可以看出,你需要做的就是指定pattern,那么pattern中yyyy、MM等都表示什么意思呢?如果你学习过Java的日期格式化,那么你应该知道,那都是占位符,这些占位符都具有特殊的函数,例如y表示年,yyyy表示四个数字的年份。

    效果演示

    格式化的日期对象为:

    日期对象为:Fri Oct 31 2014 21:40:01 GMT+0800 (中国标准时间)

    JavaScript Code

    <script type="text/javascript">
    Date.prototype.format = function(format)
    {
    	var o = {
    	"M+" : this.getMonth()+1, //month
    	"d+" : this.getDate(),    //day
    	"h+" : this.getHours(),   //hour
     	"m+" : this.getMinutes(), //minute
    	"s+" : this.getSeconds(), //second
     	"q+" : Math.floor((this.getMonth()+3)/3),  //quarter
     	"S" : this.getMilliseconds() //millisecond
    	}
    	if(/(y+)/.test(format)) 
    	{
    		format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4 - RegExp.$1.length));
    	}
    	
     	for(var k in o)
    	{
    		if(new RegExp("("+ k +")").test(format))
    		{
     			format = format.replace(RegExp.$1,RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
    		}
    	}
    	return format;
    }
    var d = new Date();
    document.write('日期对象为:');
    document.write(d);
    var str = d.format('yyyy-MM-dd');
    var today = document.getElementById("todayButton");
    today.value = str;
    </script>
  • 相关阅读:
    HarmonyOS 对象数据库
    springboot 整合/集成 jpa
    linux 安装docker和mysql
    HarmonyOS 多线程
    ElasticSearch 安装及配置 搭建集群
    java 集合
    HarmonyOS 基础数据库
    ElasticSearch 基本操作
    Windows驱动wdf驱动开发系列(一)
    32进程调用64dll的解决方法
  • 原文地址:https://www.cnblogs.com/xiaoyang002/p/4066031.html
Copyright © 2011-2022 走看看