javascript Date日期类
四、Date日期类
迁移时间:2017年5月27日18:43:02
Author:Marydon
(一)对日期进行格式化(日期转字符串)
自定义Date日期类的format()格式化方法
方式一:(非原创)
- // 对Date的扩展,将 Date 转化为指定格式的String
- // 月(M)、日(d)、小时(H)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
- // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
- // 例子:
- // (new Date()).Format("yyyy-MM-dd HH:mm:ss.S") ==> 2016-09-19 16:32:53.731
- // (new Date()).Format("yyyy-M-d H:m:s:S") ==> 2016-9-19 16:40:9:955
- Date.prototype.Format = function (fmt) { //author: meizz
- var o = {
- "M+": this.getMonth() + 1, //月份
- "d+": this.getDate(), //日
- "H+": this.getHours(), //小时
- "m+": this.getMinutes(), //分
- "s+": this.getSeconds(), //秒
- "q+": Math.floor((this.getMonth() + 3) / 3), //季度
- "S": this.getMilliseconds() //毫秒
- };
- if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
- for (var k in o)
- if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
- return fmt;
- };
测试:
获取系统当前时间并格式化
- window.onload=function() {
- var date = new Date();
- var b = date.toLocaleDateString();//获取的格式为:2016年9月19日
- var d = date.toLocaleTimeString();//下午4:42:46
- var e = date.toLocaleString();//2016年9月19日 下午4:44:02
- var f = date.toDateString();//Mon Sep 19 2016
- var g = date.toUTCString();//Mon, 19 Sep 2016 08:45:42 GMT
- var h = date.toString();//Mon Sep 19 2016 16:46:23 GMT+0800 (中国标准时间)
- //自定义日期格式
- var c = date.Format("yyyy-MM-dd HH:mm:ss");//format()方法是自定义的
- document.getElementById("aa").value = c;
- };
方式二:(推荐使用)
- Date.prototype.formatDate=function(fmt) {
- var o = {
- "M+" : this.getMonth()+1, // 月份
- "d+" : this.getDate(), // 日
- "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, // 小时
- "H+" : this.getHours(), // 小时
- "m+" : this.getMinutes(), // 分
- "s+" : this.getSeconds(), // 秒
- "q+" : Math.floor((this.getMonth()+3)/3), // 季度
- "S" : this.getMilliseconds() // 毫秒
- };
- var week = {
- "0" : "\u65e5",
- "1" : "\u4e00",
- "2" : "\u4e8c",
- "3" : "\u4e09",
- "4" : "\u56db",
- "5" : "\u4e94",
- "6" : "\u516d"
- };
- if(/(y+)/.test(fmt)){
- fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
- }
- if(/(E+)/.test(fmt)){
- fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "\u661f\u671f" : "\u5468") : "")+week[this.getDay()+""]);
- }
- for(var k in o){
- if(new RegExp("("+ k +")").test(fmt)){
- fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
- }
- }
- return fmt;
- }
UpdateTime--2017年6月1日08:01:20
(二)字符串转日期
方式一:使用Date.parse()
- var day = "2017-06-01";
- // 将yyyy-MM-dd转换成yyyy/MM/dd
- day = day.replace(/-/g,"/");// 2017/06/01
- // 返回1970年1月1日午夜到指定日期(字符串)的毫秒数
- var dayTime = Date.parse(day);
- var date = new Date(dayTime);
- alert(date);
注意:
Date.parse()具有兼容性问题,低版本IE浏览器不支持"yyyy-MM-dd"转换成Date,只支持"yyyy/MM/dd"转换成日期。
方式二:自定义Date.parseDate()方法
- Date.parseDate = function(str)
- {
- if (typeof str == 'string')
- {
- // 标准格式: yyyy-MM-dd
- var results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) *$/);
- if (results && results.length > 3)
- {
- return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])));
- }
- // 标准格式: yyyy-MM-dd hh:ss:dd
- results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2}) *$/);
- if (results && results.length > 6)
- {
- return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])), parseInt(delZero(results[4])), parseInt(delZero(results[5])), parseInt(delZero(results[6])));
- }
- // 标准格式: yyyy-MM-dd hh:ss:dd...
- results = str.match(/^ *(\d{4})-(\d{1,2})-(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2})\.(\d{1,9}) *$/);
- if (results && results.length > 7)
- {
- return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])), parseInt(delZero(results[4])), parseInt(delZero(results[5])), parseInt(delZero(results[6])), parseInt(delZero(results[7])));
- }
- // 标准格式:yyyy/MM/dd
- results = str.match(/^ *(\d{4})\/(\d{1,2})\/(\d{1,2}) *$/);
- if (results && results.length > 3)
- {
- return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])));
- }
- // 标准格式:yyyy/MM/dd hh:ss:dd
- results = str.match(/^ *(\d{4})\/(\d{1,2})\/(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2}) *$/);
- if (results && results.length > 6)
- {
- return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])), parseInt(delZero(results[4])), parseInt(delZero(results[5])), parseInt(delZero(results[6])));
- }
- // 标准格式:yyyy/MM/dd hh:ss:dd...
- results = str.match(/^ *(\d{4})\/(\d{1,2})\/(\d{1,2}) +(\d{1,2}):(\d{1,2}):(\d{1,2})\.(\d{1,9}) *$/);
- if (results && results.length > 7)
- {
- return new Date(parseInt(delZero(results[1])), parseInt(delZero(results[2])) - 1, parseInt(delZero(results[3])), parseInt(delZero(results[4])), parseInt(delZero(results[5])), parseInt(delZero(results[6])), parseInt(delZero(results[7])));
- }
- }
- return null;
- }
- function delZero(str){
- if(str.charAt(0) == '0'){
- return str.substring(1);
- }
- return str;
- }
测试:
- // 字符串转成日期对象
- var str = Date.parseDate('2017-06-01');
- alert(str);
(三)根据日期返回本周周一和周日的日期
- /**
- * 根据日期返回本周周一和周日的日期
- * @param day
- * 参数日期
- * @param num
- * 第几周
- * @return oneWeek
- * 周一,周日所在日期
- */
- function getWeekDate(day,num) {
- num = num || 0;
- // 返回值:周一和周日所在的日期
- var oneWeek = {};
- // 初始日期
- var initDate = "";
- // 截取年月日
- initDate = day.split(' ')[0];
- // ie兼容性问题,将yyyy-MM-dd转换成yyyy/MM/dd
- initDate = initDate.replace(/-/g,"/");
- // 将string转换成Date
- initDate = new Date(Date.parse(initDate));//格式只能是yyyy/MM/dd
- // 返回 day距离1970 年 1 月 1 日0时0分的毫秒数
- var nowTime = initDate.getTime();
- // 返回星期的某一天的数字: 0(周日) 到 6(周六)
- var weekNum = initDate.getDay();
- // 一天所代表的毫秒数
- var oneDayTime = 24 * 60 * 60 * 1000;
- //显示周一
- var MondayTime = nowTime - (weekNum - 1) * oneDayTime ;
- //显示周日
- var SundayTime = nowTime + (7 - weekNum) * oneDayTime ;
- if (0 != num) {
- MondayTime += 7 * num * oneDayTime;
- SundayTime += 7 * num * oneDayTime;
- }
- //初始化日期时间
- var monday = new Date(MondayTime);
- var sunday = new Date(SundayTime);
- // formatDate是自定义的格式化方法
- monday = monday.formatDate('yyyy-MM-dd');
- sunday = sunday.formatDate('yyyy-MM-dd');
- oneWeek.Monday = monday;
- oneWeek.Sunday = sunday;
- return oneWeek;
- }
测试:
- var week = getWeekDate('2017-05-27',0);
- console.log(week.Monday + "," + week.Sunday);
相关推荐:
javascript Date日期类的更多相关文章
- 常用类--Date日期类,SimpleDateFormat日期格式类,Calendar日历类,Math数学工具类,Random随机数类
Date日期类 Date表示特定的时间,精确到毫秒; 构造方法: public Data() public Date(long date) 常用方法: public long getTime() pu ...
- Date日期类,Canlendar日历类,Math类,Random随机数学类
Date日期类,SimpleDateFormat日期格式类 Date 表示特定的时间,精确到毫秒 常用方法 getTime() setTime() before() after() compareT ...
- JavaScript Date日期对象以及日期格式化方法
前言 Date对象是javascript语言中内置的数据类型,用于提供日期和时间的操作接口.Date对象是在早期java中的java.util.Date类基础上创建的,为此,Date类型使用自UTC1 ...
- C++实现Date日期类
定义一个Date类,包含三个属性年.月.日 实现了如下功能: 年月日的增加.减少:2017年10月1日加上100个月30天是2025年5月31日 输出某天是星期几:2017年10月1日是星期日 判断某 ...
- JavaScript Date 日期属性和方法
JavaScript 日期(Date) Date对象用于处理日期和时间.使用对象new Date()创建日期.实例化日期有四种方式: var d1 = new Date(); var d2 = new ...
- javascript Date 日期格式化 formatDate, require.js 模块 支持全局js引入 / amd方式加载
* 引入AMD加载方式: require.js CDN https://cdn.bootcss.com/require.js/2.3.5/require.js * 创建模块文件./js/util/d ...
- java Date日期类和SimpleDateFormat日期类格式
~Date表示特定的时间,精确到毫秒~构造方法:public Date()//构造Date对象并初始化为当前系统的时间public Date(long date) //1970-1-1 0:0:0到指 ...
- JavaScript Date 日期操作
在前端工程师的道路上,可能有时候需要与时间来打交道,下面我们来看一下日常对日期的操作,今天我们介绍的是Day.js插件 Day.js 是一个轻量的处理时间和日期的 JavaScript 库,和 Mom ...
- Date日期类 Calendar日历类 完成可视化日历
package com.test; import java.text.DateFormat; import java.text.ParseException; import java.text.Sim ...
随机推荐
- Flask实战第44天:完成前台注册功能
注册功能后端逻辑 用户注册要把注册的表单提交上来,因此,我要先对表单进行验证,编辑front.forms from apps.forms import BaseForm from wtforms im ...
- JavaScript中的Array数组详解
ECMAScript中的数组与其他多数语言中的数组有着相当大的区别,虽然数组都是数据的有序列表,但是与其他语言不同的是,ECMAScript数组的每一项可以保存任何类型的数据.也就是说,可以用数组的第 ...
- EasyUI学习总结(五)——EasyUI组件使用(转载)
本文转载自:http://www.cnblogs.com/xdp-gacl/p/4084520.html 一.EasyUI组件的简单介绍 easyUI提供了很多组件让我们使用,如下图所示:
- 【树形dp】Find Metal Mineral
[HDU4003]Find Metal Mineral Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65768/65768 K (J ...
- 【分类讨论】【set】Codeforces Round #407 (Div. 2) B. Masha and geometric depression
模拟一下那个过程,直到绝对值超过l,或者出现循环为止. 如果结束之后,绝对值是超过l的,就输出当前写在黑板上的数量. 如果出现循环,则如果写在黑板上的数量非零,则输出inf(注意!如果陷入的循环是一个 ...
- java笔记之面向对象
一.面向过程与面向对象的区别 1 面向过程:主要关注点是:实现的具体过程,因果关系[集成显卡的开发思路] * 优点:对于业务逻辑比较简单的程序,可以达到快速开发,前期投入成本较低. * 缺点:采用面向 ...
- React-Router入门
之前自己有在用React来重构之前写过的自己工作室官网,其中有用到React中的核心思想:组件,props,state.还有用Rap的接口来实现前后端交互请求(就是请求团队成员的信息部分).自己觉得还 ...
- JavaScript的深拷贝与浅拷贝
深拷贝和浅拷贝是在面试中经常遇到的问题.今天在这里总结一下. 深拷贝与浅拷贝的问题,涉及到JavaScript的变量类型,先来说说变量的类型,变量类型包括基本类型和引用类型. 基本类型:Undefin ...
- Elasticsearch-Kibana 5.5.1插件安装
说明:比如Elasticsearch的版本和Kibana的版本保持一致,方便排查问题.一切的安装的运行建议不要用root权限,最好是当前用户下的权限.Kibana版本变化有点快,不同的版本有不同的配置 ...
- winform WebBrowser如何修改使用默认的IE浏览器版本
在搜了一些相关资料原来WebBrowser使用的是IE的兼容模式进行浏览(IE7模式). 建议:先添加注册表中,然后使用注册表编辑器导出功能,产生reg注册文件:方便日后使用. Winform We ...