js获取当前年月日时分秒的方法实例(new Date()/moment.js)

 更新时间:2024年07月08日 08:55:33   作者:&做梦的少年&  
JavaScript是一种流行的编程语言,它可以用来获取当前年月日,这篇文章主要给大家介绍了关于js获取当前年月日时分秒的相关资料,分别使用的是new Date()/moment.js,需要的朋友可以参考下

一、new Date():

export let getDate = () => {
    // 补零
    let addZero = (t) => {
        return t < 10 ? '0' + t : t;
    }
    let time = new Date();
    let Y = time.getFullYear(), // 年
        M = time.getMonth() + 1, // 月
        D = time.getDate(), // 日
        h = time.getHours(), // 时
        m = time.getMinutes(), // 分
        s = time.getSeconds(); // 秒
    if (M > 12) {
        // 注: new Date()的年月日的拼接,在月份为12月时,会出现 获取月份+1 后,为13月的bug,需要特殊处理。用moment第三方插件获取时间也可避免此问题。
        M = M - 12;
    }
    return `${Y}-${addZero(M)}-${addZero(D)} ${addZero(h)}:${addZero(m)}:${addZero(s)}`;
}
// 调用
import { getDate } from "./utils/getTime.js";
getDate(); // 2024-03-31 09:34:31

二、moment.js:

//  下载:
npm i moment
或
yarn add moment
// 引入
import moment from "moment";
// 使用
moment().format('YYYY-MM-DD HH:mm:ss'); // 获取当前时间:2024-03-31 09:38:02
moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'); // 获取今天0时0分0秒:2024-03-31 00:00:00
moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'); // 获取今天23时59分59秒:2024-03-31 23:59:59
moment().daysInMonth(); // 获取当月的总天数:31
moment().valueOf(); // 获取时间戳:1711849082142
moment().add(-1, 'y').format('YYYY'); // 上一年:2023
moment().add(0, 'y').format('YYYY'); // 今年:2024
moment().add(1, 'y').format('YYYY'); // 下一年:2025

附:格式化日对象 获取当前 年月日 星期天 时分秒

function getNowDate(){
  var date = new Date();
  var sign2 = ":";
  var year = date.getFullYear() // 年
  var month = date.getMonth() + 1; // 月
  var day = date.getDate(); // 日
  var hour = date.getHours(); // 时
  var minutes = date.getMinutes(); // 分
  var seconds = date.getSeconds() //秒
  var weekArr = [ '星期天','星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
  var week = weekArr[date.getDay()];
  // 给一位数的数据前面加 “0”
  if (month >= 1 && month <= 9) {
    month = "0" + month;
  }
  if (day >= 0 && day <= 9) {
    day = "0" + day;
  }
  if (hour >= 0 && hour <= 9) {
    hour = "0" + hour;
  }
  if (minutes >= 0 && minutes <= 9) {
    minutes = "0" + minutes;
  }
  if (seconds >= 0 && seconds <= 9) {
    seconds = "0" + seconds;
  }
  // return year + "-" + month + "-" + day + " " + hour + sign2 + minutes + sign2 + seconds;
  return year + "-" + month + "-" + day + "  "+week +"  " + hour + sign2 + minutes + sign2 + seconds;
}

总结 

到此这篇关于js获取当前年月日时分秒的文章就介绍到这了,更多相关js获取当前年月日时分秒内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 不用MOUSEMOVE也能滑动啊

    不用MOUSEMOVE也能滑动啊

    不用MOUSEMOVE也能滑动啊...
    2007-05-05
  • JS实现点击下载的小例子

    JS实现点击下载的小例子

    这篇文章介绍了JS实现点击下载的小例子,有需要的朋友可以参考一下
    2013-07-07
  • js实现日历

    js实现日历

    这篇文章主要介绍了js如何实现日历,帮助大家完成需求,提高对js的理解,感兴趣的朋友可以了解下
    2020-11-11
  • JS表格组件BootstrapTable行内编辑解决方案x-editable

    JS表格组件BootstrapTable行内编辑解决方案x-editable

    这篇文章主要介绍了JS组件系列BootstrapTable行内编辑解决方案:x-editable,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • bootstrap导航、选项卡实现代码

    bootstrap导航、选项卡实现代码

    这篇文章主要为大家详细介绍了bootstrap导航、选项卡的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 浅析JavaScript中的array数组类型系统

    浅析JavaScript中的array数组类型系统

    除了对象之外,数组Array类型可能是javascript中最常用的类型了。而且,javascript中的数组与其他多数语言中的数组有着相当大的区别。本文将介绍javascript中的数组Array类型,非常不错,感兴趣的朋友一起看下吧
    2016-07-07
  • 防止动态加载JavaScript引起的内存泄漏问题

    防止动态加载JavaScript引起的内存泄漏问题

    利用Script标签可以跨域加载并运行一段JavaScript脚本, 但Neil Fraser先前已指出,脚本运行后资源并没被释放,即使是Script标签移除后。
    2009-10-10
  • uni-app常用的几种页面跳转方式总结

    uni-app常用的几种页面跳转方式总结

    uni-app的页面跳转和小程序和vue很相似,只是方法和标签有所不同,这篇文章主要给大家介绍了关于uni-app常用的几种页面跳转方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • JavaScript中从setTimeout与setInterval到AJAX异步

    JavaScript中从setTimeout与setInterval到AJAX异步

    这篇文章主要介绍了JavaScript中从setTimeout与setInterval到AJAX异步,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • three.js欧拉角和四元数的使用方法

    three.js欧拉角和四元数的使用方法

    这篇文章主要给大家介绍了关于three.js欧拉角和四元数的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者使用three.js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2020-07-07

最新评论