这篇文章主要介绍了javascript-封装Date日期类的相关资料,需要的朋友可以参考下
javascript-封装Date日期类
(一)对日期进行格式化
自定义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; };
(二)根据日期返回本周周一和周日的日期
/** * 根据日期返回本周周一和周日的日期 * @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);
注意:
Date.parse()具有兼容性问题,低版本IE浏览器不支持"yyyy-MM-dd"转换成Date,只支持"yyyy/MM/dd"转换成日期。
以上是javascript中封裝Date日期類別的範例程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

SublimeText3漢化版
中文版,非常好用

WebStorm Mac版
好用的JavaScript開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

SublimeText3 Linux新版
SublimeText3 Linux最新版