js格式化时间小结


Posted in Javascript onNovember 03, 2014

废话不多说,先把各种格式化方法贴给大家

var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间

可以说是Web项目中不可或缺的一个Javascript类库,它可以帮助你快速的解决客户端编程的许多问题,下面贴出一个用js格式化时间的方法。

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().format('yyyy-MM-dd');
另一种方法:

在Javascript之中,日期对象是Date,那么如何将一个日期对象按照定制的格式进行输出呢?
  可以现告诉你,Date对象有有四个内置方法,用于输出为字符串格式,分别为:
  1)toGMTString,将一个日期按照GMT格式显示
  2)toLocaleString,将一个日期按照本地操作系统格式显示
  3)toLocaleDateString,按照本地格式显示一个日期对象的日期部分
  4)toLocaleTimeString,按照本地格式显示一个日期对象的时间部分
  尽管Javascript的Date对象中内置提供了这些输出为字符串的方法,但是这些字符串不是我们来控制格式的,因此如果我们需要我们自己定制的特殊格式,那么又该怎么办呢?
  不用着急,JsJava中提供了专用的类,专门对日期进行指定格式的字符串输出,你可以下载JsJava-2.0.zip,引入其中的src/jsjava/text/DateFormat.js,或者直接引入jslib/jsjava-2.0.js,样例代码如下:

var df=new SimpleDateFormat();//jsJava1.0需要使用DateFormat对象,不要弄错就是了 

df.applyPattern("yyyy-MM-dd HH:mm:ss"); 

var date=new Date(2007,3,30,10,59,51); 

var str=df.format(date); 

document.write(str);//显示结果为:2007-04-30 10:59:51

通过上面的例子你可以看出,你需要做的就是指定pattern,那么pattern中yyyy、MM等都表示什么意思呢?如果你学习过Java的日期格式化,那么你应该知道,那都是占位符,这些占位符都具有特殊的函数,例如y表示年,yyyy表示四个数字的年份,例如1982,下面列举一些pattern中支持的特殊字符及其含义(下面表格引自Java的官方文档,做了适当修改):

G Era designator [url=]Text[/url] AD 

y Year [url=]Year[/url] 1996; 96 

M Month in year [url=]Month[/url] July; Jul; 07 

w Week in year [url=]Number[/url] 27 

W Week in month [url=]Number[/url] 2 

D Day in year [url=]Number[/url] 189 

d Day in month [url=]Number[/url] 10 

F Day of week in month [url=]Number[/url] 2 

E Day in week [url=]Text[/url] Tuesday; Tue 

a Am/pm marker [url=]Text[/url] PM 

H Hour in day (0-23) [url=]Number[/url] 0 

k Hour in day (1-24) [url=]Number[/url] 24 

K Hour in am/pm (0-11) [url=]Number[/url] 0 

h Hour in am/pm (1-12) [url=]Number[/url] 12 

m Minute in hour [url=]Number[/url] 30 

s Second in minute [url=]Number[/url] 55 

S Millisecond [url=]Number[/url] 978

Javascript 相关文章推荐
Textbox控件注册回车事件及触发按钮提交事件具体实现
Mar 04 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
jquery select 设置默认选中的示例代码
Feb 07 Javascript
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
Feb 21 Javascript
JScript中的条件注释详解
Apr 24 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
Feb 26 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
解决iview打包时UglifyJs报错的问题
Mar 07 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
史上最为详细的javascript继承(推荐)
May 18 Javascript
vue中el-input绑定键盘按键(按键修饰符)
Jul 22 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 #Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 #Javascript
jQuery中ajax和post处理json的不同示例对比
Nov 02 #Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 #Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 #Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 #Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 #Javascript
You might like
随机广告显示(PHP函数)
2006/10/09 PHP
Java中final关键字详解
2015/08/10 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
php7性能提升的原因详解
2019/10/13 PHP
srcElement表格样式
2006/09/03 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
JS实现的倒计时效果实例(2则实例)
2015/12/23 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
2016/02/18 Javascript
浅谈DOCTYPE对$(window).height()取值的影响
2016/07/21 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
2017/01/03 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
浅谈Vuex注入Vue生命周期的过程
2019/05/20 Javascript
微信小程序本地存储实现每日签到、连续签到功能
2019/10/09 Javascript
[00:43]FTP典藏礼包 DOTA2三大英雄霸气新套装
2014/03/21 DOTA
[03:59]5分钟带你了解什么是DOTA2(第二期)
2017/02/07 DOTA
浅析Python中的多进程与多线程的使用
2015/04/07 Python
Python3搜索及替换文件中文本的方法
2015/05/22 Python
Python+tkinter使用40行代码实现计算器功能
2018/01/30 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
对Python 文件夹遍历和文件查找的实例讲解
2018/04/26 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
python获取微信小程序手机号并绑定遇到的坑
2018/11/19 Python
Python单元和文档测试实例详解
2019/04/11 Python
在Django中实现添加user到group并查看
2019/11/18 Python
pytorch之inception_v3的实现案例
2020/01/06 Python
详解Python 重学requests发起请求的基本方式
2020/02/07 Python
python读取hdfs并返回dataframe教程
2020/06/05 Python
初婚初育证明
2014/01/14 职场文书
卫生标语大全
2014/06/21 职场文书
三严三实对照检查材料
2014/08/25 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
大连导游词
2015/02/12 职场文书
业务员辞职信范文
2015/03/02 职场文书
商场营业员岗位职责
2015/04/14 职场文书
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js