首页 > 其他分享 >网站的时间使用dayjs.js格式化

网站的时间使用dayjs.js格式化

时间:2024-10-07 21:33:01浏览次数:10  
标签:02 00 格式化 dayjs js 时间

1. 为什么要使用dayjs

在mysql数据库中,datetime字段从数据库读取后,在前台显示出来会带有TZ字母,这是格林尼治时间,如:2024-10-07T12:02:00Z,而我们一般需要2024-10-07 12:02:00这种格式。另外,需要在不同地区显示本地时间,那么dayjs会将格林尼时间转换为本地时间。

dayjs 是一个轻量级的日期和时间处理库,它提供了简单易用的 API 来解析、格式化、操作和显示日期和时间。与其他大型日期库(如 Moment.js)相比,dayjs 的目标是保持小巧且高性能,同时提供大部分常用的日期处理功能。 小巧轻便链式调用Moment.js 兼容性解析和格式化日期操作插件扩展多语言支持


2. 如何在网站上使用dayjs
<script src="https://unpkg.com/[email protected]/dayjs.min.js"></script>
<script src="https://unpkg.com/[email protected]/plugin/utc.js"></script>
<script>
    dayjs.extend(window.dayjs_plugin_utc);
    dayjs().format('YYYY-MM-DD HH:mm:ss'); //格式化当前的时间
    dayjs('Your time').format('YYYY-MM-DD HH:mm:ss'); //格式化指定的时间

    // UTC转换为UTC时间
    dayjs.utc('2023-07-09 02:00:00').format('YYYY-MM-DD HH:mm:ss');
    // '2023-07-09 02:00:00'
</script>

 

来源:

网站时间使用dayjs.js格式化 - 新闻资讯 - 深圳市宝安区水华软件开发部 (awaterbloom.com)

https://www.awaterbloom.com/ArticleDetail?id=4

标签:02,00,格式化,dayjs,js,时间
From: https://www.cnblogs.com/freemindblog/p/18450679

相关文章

  • JS animate() 学习
    animate(keyframes,options)1.关键帧 1/ 如果是过渡动画直接就写效果eg:{transform:'rotate(360deg)'}2/关键帧数组使用数组报过对象eg:[{transform:'translateX(400px)'},{transform:'translateX(300px)'},{transform:'translateX(20px)�......
  • Nuxt.js 应用中的 link:prefetch 钩子详解
    title:Nuxt.js应用中的link:prefetch钩子详解date:2024/10/7updated:2024/10/7author:cmdragonexcerpt:link:prefetch是一个强大的钩子,允许开发者在链接预取时执行附加逻辑。合理利用这个钩子,可以帮助优化页面的加载速度和用户体验,提升Web应用的整体性能。categ......
  • clang-format的代码格式化
    1.VSCodesettings.json{"C_Cpp.default.intelliSenseMode":"windows-msvc-x64",//"C_Cpp.clang_format_fallbackStyle":"Google","C_Cpp.clang_format_path":"D:/software/clang+llvm-18.1.8-x86_64-p......
  • Nuxt.js 应用中的 app:suspense:resolve 钩子详解
    title:Nuxt.js应用中的app:suspense:resolve钩子详解date:2024/10/6updated:2024/10/6author:cmdragonexcerpt:app:suspense:resolve是一个强大的钩子,允许开发者在异步数据解析完成后的最后一步执行必要的处理。通过合理使用该钩子,我们可以优化组件的渲染过程,并提供......
  • go web的json系列化
     打开APP  golangWEB应用【2】:json数据处理应用 原创https://blog.csdn.net/loo_Charles_ool/article/details/138916161原地址2024-05-1517:33:48阅读量980收藏28 32赞一叶萩Charles 码龄7年关注 文章目录json数据处理应用JS......
  • jsp测试缺陷管理系统3166o程序+源码+数据库+调试部署+开发环
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、研究背景随着软件行业的迅速发展,软件质量成为企业竞争力的关键因素。在软件开发过程中,测试缺陷管理系统是确保软件质量的重要环节。传统的缺陷......
  • Vue.js组件开发研究
    摘要随着前端技术的快速发展,Vue.js以其轻量级、高性能和组件化开发的优势,在前端开发领域占据了重要地位。本研究深入探讨了Vue.js组件开发的理论基础、开发方法以及实际应用。通过系统梳理Vue.js框架的核心特性、组件化思想及Vue.js组件的基本概念,本研究为Vue.js组件开发提供......
  • [网络爬虫] Jsoup : HTML 解析工具
    1概述简介Jsoup是一款基于Java的HTML解析器,它提供了一种简单、灵活且易于使用的API,用于从URL、文件或字符串中解析HTML文档。它可以帮助开发人员从HTML文档中提取数据、操作DOM元素、处理表单提交等。主要特点Jsoup的主要特点包括:简单易用:Jsoup提供了一系列简单的API,使......
  • 【2024计算机毕业设计】基于jsp+mysql+Spring+mybatis的SSM药品进货销售仓储信息管理
    运行环境:最好是javajdk1.8,我在这个平台上运行的。其他版本理论上也可以。IDE环境:Eclipse,Myeclipse,IDEA或者SpringToolSuite都可以,如果编译器的版本太低,需要升级下编译器,不要弄太低的版本tomcat服务器环境:Tomcat7.x,8.x,9.x版本均可操作系统环境:WindowsXP/7......
  • 好用的websocket 心跳重连js脚本
    varwsUrl='ws://'+(document.domain||'127.0.0.1')+':8282';varws=null;//WebSocket对象varheartbeatTimer=null;//心跳定时器varisReconnect=true;//是否自动重连//创建WebSocket连接//@authhttps://so.csdn.net/so/aifu......