javascript 自带格式化时间(JavaScript内置日期、时间格式化时间实例代码)
类别:编程学习 浏览量:1065
时间:2022-04-02 10:37:58 javascript 自带格式化时间
JavaScript内置日期、时间格式化时间实例代码一、基础知识(date对象的方法)
😜 getFullYear( ) 用于返回一个表示年份的4位数
🤣 getMonth( ) 返回表示月份的数字,但是返回值是 0(一月) 到 11(十二月) 之间的一个整数
😘 getDate( ) 返回某一天
😊 getHours( ) 返回时间的小时字段
😍 getMinutes( ) 返回时间的分钟字段
😎 getSeconds( ) 返回时间的秒,返回值是 0 ~ 59 之间的一个整数
二、格式化日期
案例:将此刻的时间格式化(因为时间在流逝,所以结果会不同哟!)
代码如下:
效果呈现:
三、封装函数实现格式化日期(方便咱们后面使用)
代码如下:
效果呈现:
虽然这个案例比较简单但是还是有需要注意的地方哈!比如我们在得到月份的时候必须要+1,否则返回的月份会比真实的月份少1。这也在提醒我们在敲代码的时候一定要细心细心再细心!
附一个比较流行的js格式化日期和时间的封装函数:
Date.prototype.format = function(fmt){ 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; }
使用方法如下:
var now = new Date(); // 一般传入毫秒时间戳进行初始化 var nowStr = now.format("yyyy-MM-dd hh:mm:ss");
四、总结
到此这篇关于JavaScript内置日期、时间格式化时间的文章就介绍到这了,更多相关JavaScript内置格式化时间内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
您可能感兴趣
- javascript如何转换int型(浅谈JavaScript中的parseInt的妙用)
- js使用递归解析(关于JavaScript递归经典案例题详析)
- javascript 数组排序
- javascript将字符串转换成数组(如何将JavaScript将数组转为树形结构)
- JavaScript生成GUID的方法
- javascript对象添加方法(详解JavaScript面向对象实战之封装拖拽对象)
- 生成随机数javascript(JavaScript实现随机生成验证码及校验)
- javascript五大继承方式(原生Javascript实现继承方式及其优缺点详解)
- javascript基础语法和用法(JavaScript中new操作符的原理示例详解)
- javascript类型转换
- 用css实现图片特效代码(HTML+CSS+JavaScript实现图片3D展览的示例代码)
- JavaScript 常用的开发规范
- vue走马灯特效(Javascript结合Vue实现对任意迷宫图片的自动寻路)
- javascript页面滚动窗口(javascript实现简单滚动窗口)
- js获取子表单所有数据(JavaScript实现异步提交表单数据)
- Javascript计算密码的强度
- 红色代表什么(红色代表什么情感和含义)
- 南宋志南和尚绝句 杨柳风似庙中来(南宋志南和尚绝句)
- 今天要穿什么颜色(今天要穿什么颜色的衣服最吉利)
- 一道高中题-求杯子的高度(一道高中题-求杯子的高度)
- 网坛停摆三巨头亏损惨重,费德勒跌幅88 纳达少赚2400万(网坛停摆三巨头亏损惨重)
- Beyond 版本《无人深空》主线任务攻略 阿特拉斯之道(版本无人深空主线任务攻略)
热门推荐
- vue父组件怎么用子组件的数据(Vue使用v-model封装el-pagination组件的全过程)
- mysql数据类型
- tomcat处理高并发请求(Tomcat打破双亲委派机制实现隔离Web应用的方法)
- python导出数据到mysql(python定时按日期备份MySQL数据并压缩)
- 如何用python画函数图(使用python绘制二元函数图像的实例)
- 一个sql查询数据多表连接查询(一条SQL语句查询多个数据库)
- laravel队列是如何触发的(laravel使用Faker数据填充的实现方法)
- python列表的循环遍历使用教程(Python中使用遍历在列表中添加字典遇到的坑)
- js中字符串拼接
- dede织梦的后台如何调整和使用(织梦dedecms整合添加ckplayer播放器支持flv,mp4等播放功能)