javascript 玩转Date对象(实例讲解)


Posted in Javascript onJuly 11, 2017

前言:最近在做一个日期选择功能,在日期转换的时候经常换到晕,总结一下常用的Date对象的相关用法,方便日后直接查看使用~

1. new Date()的使用方法有:

不接收任何参数:返回当前时间;

接收一个参数x: 返回1970年1月1日 + x毫秒的值。

new Date(1, 1, 1)返回1901年2月1号。
new Date(2016, 1, 1)不会在1900年的基础上加2016,而只是表示2016年2月1号。

2. 使用new Date(time) 将时间转换成 Date 对象

注意:time格式需要为 1999/12/31 23:59 (不能为1999-12-30 23:43),否则在一些机型下可能会报错。

3. date对象一些常用的api

new Date()转换之后的数据,可以直接使用下面的api
new Date(x).getMonth()+1  //获取月份
new Date(x).getDate //获取日期
new Date(x).getHours() //获取小时
new Date(x).getMinutes() //获取分钟
new Date(x).toLocaleDateString()); // 转换为本地日期格式,视环境而定,输出:2017年07月04日
new Date(x).toLocaleString()); // 转换为本地日期和时间格式,视环境而定,输出:2017年07月04日 上午10:03:05

4. javascript 没有原生提供但却经常需求使用的功能

根据日期获取当前星期几

//参数 日期
getWeek(day) {
  const weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
  return weekArr[day];
}
getWeek(new Date(x).getDay())

获取某个时间+1个小时,直接对小时数进行加1可能会溢出,因此先转换成 Date 对象,再使用setHours 改变小时。

new Date(x).setHours(new Date(x).getHours()+1,new Date(x).getMinutes());

为了统一格式,返回日期是10以下,需在前面补0.

function getFull(n) {
  return (n > 9 ? '' : '0') + n;
}
var x = getFull(3); //03
var y = getFull(11);  //11

经常要对日期进行转换,因此增加一个转换格式的函数

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;
  }
  // 调用:
  var time1 = new Date().Format("yyyy-MM-dd");
  var time2 = new Date().Format("yyyy-MM-dd hh:mm:ss");

以上这篇javascript 玩转Date对象(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 Javascript
javascript简单事件处理和with用法介绍
Sep 16 Javascript
javascript中typeof的使用示例
Dec 19 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
Nov 25 Javascript
javascript高级选择器querySelector和querySelectorAll全面解析
Apr 07 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
Jun 14 Javascript
html+js实现简单的计算器代码(加减乘除)
Jul 12 Javascript
jQuery调用Webservice传递json数组的方法
Aug 06 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
vuex入门最详细整理
Mar 04 Javascript
使用jQuery实现动态添加小广告
Jul 11 #jQuery
Vue中父组件向子组件通信的方法
Jul 11 #Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
Jul 11 #Javascript
网页中的图片查看器viewjs使用方法
Jul 11 #Javascript
自定义事件解决重复请求BUG的问题
Jul 11 #Javascript
关于js中的鼠标事件总结
Jul 11 #Javascript
vue音乐播放器插件vue-aplayer的配置及其使用实例详解
Jul 10 #Javascript
You might like
PHP多线程抓取网页实现代码
2010/07/22 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
php实现获取近几日、月时间示例
2019/07/06 PHP
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
常用一些Javascript判断函数
2012/08/14 Javascript
extJS中常用的4种Ajax异步提交方式
2014/03/07 Javascript
JavaScript数组对象赋值用法实例
2015/08/04 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
如何使用bootstrap框架 bootstrap入门必看!
2017/04/13 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
2018/10/14 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
Python 绘图和可视化详细介绍
2017/02/11 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
Python 多线程不加锁分块读取文件的方法
2018/12/11 Python
Python3.5实现的罗马数字转换成整数功能示例
2019/02/25 Python
python numpy中cumsum的用法详解
2019/10/17 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
附答案的Java面试题
2012/11/19 面试题
大学生的自我鉴定范文
2014/01/21 职场文书
水果连锁超市创业计划书
2014/01/24 职场文书
西安交大自主招生自荐信
2014/01/27 职场文书
《伯牙绝弦》教学反思
2014/03/02 职场文书
医疗器械售后服务承诺书
2014/05/21 职场文书
安全施工标语
2014/06/07 职场文书
护士求职简历自我评价
2015/03/10 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
军训结束新闻稿
2015/07/17 职场文书