首页 > 编程语言 >javascript Date日期类

javascript Date日期类

时间:2023-02-14 11:06:09浏览次数:61  
标签:delZero dd javascript results var parseInt 日期 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);

作者:​​Marydon​​


标签:delZero,dd,javascript,results,var,parseInt,日期,Date
From: https://blog.51cto.com/u_15964717/6056155

相关文章

  • @Valid 和 @Validated 注解用法详解
    案例引入下面我们以新增一个员工为功能切入点,以常规写法为背景,慢慢烘托出@Valid和@Validated注解用法详解。那么,首先,我们会有一个员工对象Employee,如下:1/**2......
  • JavaScript 数字是什么?
    本文首发自「慕课网」,想了解更多IT干货内容,程序员圈内热闻,欢迎关注!作者|慕课网精英讲师然冬基于IEEE754标准的双精度64位二进制格式的值(-(253-1)到253-1)。——MDN......
  • mysql 日期类型计算
    1.情景展示在进行按日期统计数据的时候,我们经常需要对日期的开始时间和结束时间有要求;在mysql中,日期字段如何进行时间的计算呢?2.to_days()to_days(日期)函数:返回从0000年(公......
  • Git添加项目出现的问题(Gitee版)-----Everything up-to-date
         解决方法: $gitadd.$gitcommit-m"message"$gitpushhttps://gitee.com/adderg/txc.git......
  • Javascript Internationalization Object All In One
    JavascriptInternationalizationObjectAllInOneIntlAPIi18n(......
  • JavaScript 数组求交集
    letarr1=[1,2,3,4,5];letarr2=[4,5,6,7,8];//数组求交集functionarrayIntersection(arr1,arr2){//先去重letarr1Unique=[...newSet(arr1)];......
  • [JavaScript]内置对象Number初识
    学习:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/NumberNumber类型可以表示整型和浮点型。123===123.0;//trueNumber......
  • java 日期工具类
    packagecom.jd.rc.custom.oper.bff.common;importcom.jd.fastbe.framework.client.support.exception.BusinessException;importcom.jd.fastbe.framework.client.su......
  • 30个Javascript知识点总结,总有你不会的!
    最近重温了一遍红宝书,发现一些比较好玩的写法,很多东西日常都在用,但是发现还会有不一样的写法,结合一些日常工作中使用的方法,为大家总结一篇日常经常使用可能还不知道的点,希......
  • 30个Javascript知识点总结,总有你不会的!
    近重温了一遍红宝书,发现一些比较好玩的写法,很多东西日常都在用,但是发现还会有不一样的写法,结合一些日常工作中使用的方法,为大家总结一篇日常经常使用可能还不知道的点,希望......