《DateUtil.js》多种日期格式直接调用即可 方法名可优化

最新推荐文章于 2023-04-08 20:37:32 发布
置顶 最新推荐文章于 2023-04-08 20:37:32 发布
阅读量5.4k 收藏 1
点赞数
分类专栏： 前端 js 大数据 文章标签： javascript date
本文为博主原创文章，未经博主允许请勿转载，切勿用于商业用途，若有引用请加原文链接。
本文链接：https://blog.csdn.net/xysxlgq/article/details/119915727
版权
大数据 同时被 3 个专栏收录
68 篇文章 0 订阅
订阅专栏
前端
56 篇文章 0 订阅
订阅专栏
js
36 篇文章 1 订阅
订阅专栏

抽时间做笔记：在js中每次都要拼接时间，为了方便，整理了一个公用的DateUtil.js。直接调用即可。其中方法名称可以进一步优化哦。

先看下时间格式，如下：

测试页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js基础-时间处理</title>
    <script src="DateUtil.js"></script>
</head>
<body>
<script type="text/javascript">
    console.log(date);//Wed Jul 20 2007 09:31:52 GMT+0800 (中国标准时间)
    console.log(date.toDateString());//Wed Jul 20 2007
    console.log(date.toTimeString());//09:42:17 GMT+0800 (中国标准时间)
    console.log(date.toLocaleDateString());//2007/7/20
    console.log(date.toLocaleTimeString());//上午9:42:17
    console.log(date.toUTCString());//Wed, 20 Jul 2007 01:42:17 GMT
    console.log(date.getFullYear());//年
    console.log(getdate_yy());//年后两位数
    console.log(getdate_Month())//月
    console.log(date.getDate())//日
    console.log(+date.getHours())//时
    console.log(date.getMinutes())//分
    console.log(date.getSeconds())//秒
    console.log(getdate_stamp());//输出时间戳(毫秒数)
    console.log(getdate_yMd());
    console.log(getdate_yMdW());
    console.log(getdate_yMdhm());
    console.log(getdate_yMdhms());
    console.log(getdate_yMdhmsW());
    console.log(getdate_yMd_T());
    console.log(getdate_yMdW_T());
    console.log(getdate_yMd_C());
    console.log(getdate_yMdW_C());
    console.log(getdate_yMdhms_T());
    console.log(getdate_yMdhmsW_T());
    console.log(getdate_WyMdhms_T());
    console.log(getdate_yMdhms_C());
    console.log(getdate_yMdWhms_C());
    console.log(getdate_yMdhmsW_C());
    console.log(getdate_WyMdhms_C());
    console.log(getdate_Hms());
    console.log(getdate_Hms_C());
    console.log(getdate_Md_C());
    console.log(getdate_MdW_C());
    console.log(getdate_Md());
    console.log(getdate_MdW());
    console.log(weekCh);
    console.log(weekEn);
    console.log(weekEns);
    console.log(getdate_Mdys_En());
    console.log(getdate_Mdys_Ens());
    console.log(getdate_Mdy_En());
    console.log(getdate_dMys_En());
    console.log(getdate_dMy_En());
    console.log(getdate_WMdys_En());
    console.log(getdate_WMdy_En());
    console.log(tdoa('2020-04-12 11:02:14','2020-09-11 23:12:34'));//tdoa(datestart,dateend) 信息输出：剩余： 152天12小时10分20秒


</script>
</body>
</html>

 DateUtil.js

var date = new Date();
var datestr;
var yMd=date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日";
var hms=date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
var hms_ch= date.getHours() + "时" + date.getMinutes() + "分" + date.getSeconds() + "秒";
var yMd_n=date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate();
var yMds=date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
var datestrinfo=yMds + " " + hms;
var datestrinfo2=yMd+" "+hms_ch;
var datestrinfo3 = yMd_n+ " " + hms;

/*星期*/
var weekindex = date.getDay();
var weeks = ['日', '一', '二', '三', '四', '五', '六'];
var weekEs = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
var weekE = ['Sun.', 'Mon.', 'Tues.', 'Wed.', 'Thurs.', 'Fri.', 'Sat.'];
var weekCh = "星期" + weeks[weekindex];
var weekEn = weekE[weekindex];
var weekEns = weekEs[weekindex];
/*月份*/
var montharrs=['January','February','March','April','May','June','July','August','September','October','November','December'];
var montharr=['Jan.','Feb.','Mar.','Apr.','May.','Jun.','Jul.','Aug.','Sept.','Oct.','Nov.','Dec.'];
var month=montharr[date.getMonth()];
var months=montharrs[date.getMonth()];
/*时间戳-毫秒数*/
function getdate_stamp() {
    return date.getTime();
}
/*算时间差*/
function tdoa(datestart,dateend) {
    var daynum=86400;//一天秒数(24*60*60)
    var nums=3600;//60*60
    var tend=new Date(dateend).getTime();
    var tstart=new Date(datestart).getTime();
    var difference = (tend-tstart)/1000;
    var day = parseInt(difference / daynum);//天数
    var Seconds = difference - day*daynum;//剩余秒数
    var hour = parseInt(Seconds/nums);//整数小时数
    var seHour = difference - day*daynum - hour*nums;//小时数后剩余秒数
    var Minutes = parseInt(seHour/60);//整数分
    var tdMin = difference - day*daynum - hour*nums - Minutes*60;//分后剩余秒数
    var infotdoa="剩余： "+day+"天"+hour+"小时"+Minutes+"分"+tdMin+"秒";
    return infotdoa;
}
/*MM*/
function getdate_Month() {
    return date.getMonth() + 1;
}

/*yy*/
function getdate_yy() {
    var year=date.getFullYear().toString().substr(2,3);
    return year;
}

/*yyyy-MM-dd*/
function getdate_yMd_T() {
    datestr = yMds;
    return datestr;
}
/*yyyy-MM-dd*/
function getdate_yMdW_T() {
    datestr = yMds+" "+weekCh;
    return datestr;
}
/*yyyy/MM/dd */
function getdate_yMd() {
    datestr = yMd_n;
    return datestr;
}

/*yyyy/MM/dd */
function getdate_yMdW() {
    datestr = yMd_n+ " " + weekCh;
    return datestr;
}

/*yyyy/MM/dd HH:mm */
function getdate_yMdhm() {
    datestr = yMd_n + " " + date.getHours() + ":" + date.getMinutes();
    return datestr;
}

/*yyyy/MM/dd HH:mm:ss */
function getdate_yMdhms() {
    datestr = datestrinfo3;
    return datestr;
}
/*yyyy/MM/dd HH:mm:ss 星期*/
function getdate_yMdhmsW() {
    datestr = datestrinfo3+" "+weekCh;
    return datestr;
}
/*yyyy-MM-dd HH:mm:ss */
function getdate_yMdhms_T() {
    datestr = datestrinfo;
    return datestr;
}
/*yyyy-MM-dd HH:mm:ss 星期*/
function getdate_yMdhmsW_T() {
    datestr = datestrinfo+" "+weekCh;
    return datestr;
}
/* 星期 yyyy-MM-dd HH:mm:ss */
function getdate_WyMdhms_T() {
    datestr =weekCh+" "+ datestrinfo;
    return datestr;
}

/*yyyy年MM月dd日*/
function getdate_yMd_C() {
    datestr = yMd;
    return datestr;
}

/*yyyy年MM月dd日 星期*/
function getdate_yMdW_C() {
    datestr = yMd+" "+ weekCh;
    return datestr;
}

/*MM-dd*/
function getdate_Md() {
    datestr = (date.getMonth() + 1) + "-" + date.getDate();
    return datestr;
}
/*MM-dd 星期*/
function getdate_MdW() {
    datestr = (date.getMonth() + 1) + "-" + date.getDate()+" "+weekCh;
    return datestr;
}

/*MM月dd日*/
function getdate_Md_C() {
    datestr = (date.getMonth() + 1) + "月" + date.getDate() + "日";
    return datestr;
}

/*MM月dd日 星期*/
function getdate_MdW_C() {
    datestr = (date.getMonth() + 1) + "月" + date.getDate() + "日"+" "+weekCh;
    return datestr;
}
/*yyyy年MM月dd日 HH时mm分ss秒 */
function getdate_yMdhms_C() {
    datestr = datestrinfo2;
    return datestr;
}

/*yyyy年MM月dd日 星期 HH时mm分ss秒 */
function getdate_yMdWhms_C() {
    datestr =yMd +" "+weekCh+" "+hms_ch;
    return datestr;
}

/*yyyy年MM月dd日 HH时mm分ss秒 星期 */
function getdate_yMdhmsW_C() {
    datestr = datestrinfo2 +" "+ weekCh;
    return datestr;
}
/*星期 yyyy年MM月dd日 HH时mm分ss秒  */
function getdate_WyMdhms_C() {
    datestr = weekCh+" "+datestrinfo2;
    return datestr;
}
/*HH:mm:ss */
function getdate_Hms() {
    datestr = hms;
    return datestr;
}

/*HH时mm分ss秒 */
function getdate_Hms_C() {
    datestr = hms_ch;
    return datestr;
}

/*Month day year*/
function getdate_Mdys_En() {
    return months+" "+date.getDate()+", "+date.getFullYear();
}
function getdate_Mdys_Ens() {
    return months+", "+date.getDate()+", "+date.getFullYear();
}
/*week Month day year*/
function getdate_WMdys_En() {
    return weekEns+","+months+" "+date.getDate()+", "+date.getFullYear();
}
/*week Month day year*/
function getdate_WMdy_En() {
    return weekEn+""+month+""+date.getDate()+", "+date.getFullYear();
}
/*Month day year*/
function getdate_Mdy_En() {
    return month+" "+date.getDate()+", "+date.getFullYear();
}

/* day  Month year*/
function getdate_dMys_En() {
    return date.getDate()+" "+months+", "+date.getFullYear();
}
/* day  Month year*/
function getdate_dMy_En() {
    return date.getDate()+" "+month+" "+date.getFullYear();
}

//未完待续...

刘贵庆
关注
专栏目录
js 时间处理方法（显示几天前 几小时前 几分钟前）
m0_62049404的博客
01-24 1202
创建一个时间工具文件：DataUtil.js const DateUtil = {}; DateUtil.MINUTE = 1000 * 60; DateUtil.HOUR = DateUtil.MINUTE * 60; DateUtil.DAY = DateUtil.HOUR * 24; DateUtil.WEEK = DateUtil.DAY * 7; //时间转换到本地的天 DateUtil.toLocaleDateString = function(datestr) { let date
js获取今天之前/之后的日期，常用工具包
weixin_43930421的博客
05-13 869
dateUtil.js var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); //当前月 var nowYear = now.getFullYear(); //当前年 var lastMonthDate = new Date(); //上月日期 lastMonthDate.
JS DateUtil工具类
04-02
JS日期工具类，方便大家的使用。后期会持续更新.......
JS工具类(一)：DateUtil.js
扛麻袋的少年的博客
04-02 4211
如果有更新内容的时候，会持续更新中...... if (!DateUtil) { let DateUtil = { //日期格式部分 yyyy_MM_dd_HH_mm_ss: "yyyy-MM-dd HH:mm:ss", yyyy_MM_dd: "yyyy-MM-dd", yyyy_MM_dd_1: "yyyy/MM/...
dateUtils.js——JavaScript日期的格式化
E=mc²
12-16 1155
/** * 对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") ==&gt; 2006-07-...
DateUtil
weixin_33836223的博客
01-17 78
一、Date类，目前系统不推荐使用，还是有必要讲下，毕竟很多情况下，初学者可能接触的多就是Date 类了，所以很多人喜欢用。 ①、使用new Date（）代表当前系统时间 　　　　Date date = new Date(); System.out.println(date); 使用Date类的默认构造方法创建出的对象就代表当前时间，由于Date类覆盖了toStrin...
DateUtil.js
10-26
时间转换、计算、查询等共通方法
【Python日期时间】：解决时间问题的终极秘籍，避免数据丢失和时间跳变
!...# 1. Python日期时间基础 在本章中，我们将揭开Python日期时间处理的神秘面纱，为理解后续章节的高级主题奠定基础。...日期和时间是编程中不可或缺的元素，无论是记录事件发生的时间戳、处理用户输入
【Arrow库高级操作】：掌握时间间隔与相对日期处理的黄金法则
无论是金融交易的记录、日志文件的生成，还是个人日程的安排，时间处理和日期计算都是构建功能强大的软件不可或缺的一部分。它们是信息系统的关键支柱，使得数据能够被组织和追踪。随着全球化趋势的发展，处理跨时区...
python基础
haonanxu的博客
04-08 761
点击这里，边看视频讲解，边学习以下内容有的函数执行一个流程就完了，并不需要返回什么信息，比如print函数，就是打印一下参数字符串，就完成了它的任务。但是有的函数，需要返回一个结果给调用者。比如 计算两个数字平方和的函数，必须要返回一个结果，告诉调用代码，平方和的计算结果。函数要返回结果，就必须要使用return关键字，后面加上返回的结果对象print(ret)语句等号右边的 就是函数调用的表达式。
js-date-util:java脚本日期工具类
06-20
js-date-util java脚本日期到类
DateUtils.js
09-02
常用日期操作：年初，年末，月初，月末，本季度初，本季度末，周初日，周末等封装，扩展。
日期时间处理类（DateUtil）
07-28
NULL 博文链接：https://baobeituping.iteye.com/blog/801399
所有的Python库，我都整理在这里了
kakA的博客
10-12 1272
加班加点整理出来的Python库，希望看到此篇文章的各位小伙伴，都可以学好Python~
（收藏向）超齐全常用python库汇总，有备无患！
【CSDN官方推荐】
01-20 2482
前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理。 PS：如有需要Python学习资料的小伙伴可以加点击下方链接自行获取 python免费学习资料以及群交流解答点击即可加入 Chardet→字符编码探测器，可以自动检测文本、网页、xml的编码。 colorama →主要用来给文本添加各种颜色，并且非常简单易用。 Prettytable→ 主要用于在终端或浏览器端构建格式化的输出。 difflib→ [Python]标准库，计算文本差.
JavaScript DateUtils
03-03 655
DateUtilsfunction DateUtils(){ this.dataObj = new Date(); this.now = this.dataObj.getFullYear() + "-" + ((this.dataObj.getMonth()+1) > 9 ? (this.dataObj.getMonth()+1) : ("0" + (th
日期处理js
weixin_34221112的博客
07-09 83
为什么80%的码农都做不了架构师？>>> ...
DateUtil.rangeToList 这个方法只能传 Date呀
最新发布
06-13
如果要使用Hutool工具类获取LocalDateTime类型的开始时间和结束时间之间的所有日期，可以将LocalDateTime对象转换为Date对象，然后再调用DateUtil.rangeToList方法。具体实现如下： ``` LocalDateTime ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值