JS实现获取毫秒值及转换成年月日时分秒的方法


Posted in Javascript onAugust 15, 2018

本文实例讲述了JS实现获取毫秒值及转换成年月日时分秒的方法。分享给大家供大家参考,具体如下:

时间日期对象

创建方式一

var date=new Date();

创建方式二 兼容性最强 推荐使用

var date1=new Date("2017/08-26 15:15:15");

创建方式三

var date2=new Date(2017,9,18,23,15,23);

返回结果是从1970/01/01到现在的毫秒值

var date = Date.now();
var date = +new Date();
var date = new Date().getTime();
var date = new Date().valueOf();

把日期解析成毫秒值

var date=Date.parse("2017-05-24 18:23:14");

传入毫秒值 获取该毫秒值对应的时间日期

var date =new Date(Date.now());

getDate() 获取日 1-31
getDay () 获取星期 0-6(0代表周日)
getMonth () 获取月 0-11(1月从0开始)
getFullYear () 获取完整年份(浏览器都支持)
getHours () 获取小时 0-23
getMinutes () 获取分钟 0-59
getSeconds () 获取秒 0-59
getMilliseconds () 获取毫秒 (1s = 1000ms)
getTime () 返回累计毫秒数(从1970/1/1午夜)

自己简单封装的输入毫秒值,根据不同的参数获取年月日时分秒

获取你想要的时间格式 参数(毫秒值,int) int取值为:0:年1:月2:日3:时4:分5:秒
如:

console.log(getTime(1523604904000,1));
function getTime(second,getDateType) {
  var date =new Date(second);
  if(getDateType==0){
    return date.getFullYear();
  }else if(getDateType==1){
    if((date.getMonth()+1)<=9){
      return "0"+(date.getMonth()+1);
    }else {
      return date.getMonth()+1;
    }
  }else if(getDateType==2){
    if(date.getDate()<=9){
      return "0"+date.getDate();
    }else {
      return date.getDate();
    }
  }else if(getDateType==3){
    if(date.getHours()<=9){
      return "0"+date.getHours();
    }else {
      return date.getHours();
    }
  }else if(getDateType==4){
    if(date.getMinutes()<=9){
      return "0"+date.getMinutes();
    }else {
      return date.getMinutes();
    }
  }else if(getDateType==5){
    return date.getSeconds ();
  }else {
    alert("输入时间格式有误!");
    return;
  }
}

这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun,测试结果如下:

JS实现获取毫秒值及转换成年月日时分秒的方法

PS:这里再为大家推荐几款比较实用的天数计算在线工具供大家使用:

在线日期/天数计算器:
http://tools.3water.com/jisuanqi/date_jisuanqi

在线日期计算器/相差天数计算器:
http://tools.3water.com/jisuanqi/datecalc

在线日期天数差计算器:
http://tools.3water.com/jisuanqi/onlinedatejsq

在线天数计算器:
http://tools.3water.com/jisuanqi/datejsq

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript 类方法定义还是有点区别
Apr 15 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
js关于字符长度限制的问题示例探讨
Jan 24 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
基于JavaScript实现熔岩灯效果导航菜单
Jan 04 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
基于Vue生产环境部署详解
Sep 15 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
May 07 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
May 08 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
对layui中表单元素的使用详解
Aug 15 #Javascript
layui中使用jquery控制radio选中事件的示例代码
Aug 15 #jQuery
vue生命周期实例小结
Aug 15 #Javascript
layui获取多选框中的值方法
Aug 15 #Javascript
layui radio性别单选框赋值方法
Aug 15 #Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 #Javascript
LayUI表格批量删除方法
Aug 15 #Javascript
You might like
关于PHP模板Smarty的初级使用方法以及心得分享
2013/06/21 PHP
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
javascript自动改变文字大小和颜色的效果的小例子
2013/08/02 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
在AngularJS应用中实现一些动画效果的代码
2015/06/18 Javascript
JS实现的5级联动Select下拉选择框实例
2015/08/17 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
2015/10/27 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
js插件Jcrop自定义截取图片功能
2016/10/14 Javascript
Vue.js表单控件实践
2016/10/27 Javascript
老生常谈js数据类型
2017/08/03 Javascript
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
2018/04/01 Javascript
node基于puppeteer模拟登录抓取页面的实现
2018/05/09 Javascript
详解easyui基于 layui.laydate日期扩展组件
2018/07/18 Javascript
浅谈Angular 观察者模式理解
2018/11/01 Javascript
JS中的一些常用的函数式编程术语
2019/06/15 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
Python中SOAP项目的介绍及其在web开发中的应用
2015/04/14 Python
Python中type的构造函数参数含义说明
2015/06/21 Python
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
对python产生随机的二维数组实例详解
2018/12/13 Python
python如何将多个PDF进行合并
2019/08/13 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
澳大利亚领先的在线礼品网站:Gifts Australia
2020/08/15 全球购物
留学推荐信范文
2014/05/10 职场文书
Nginx流量拷贝ngx_http_mirror_module模块使用方法详解
2022/04/07 Servers