js实现日期格式化

这篇具有很好参考价值的文章主要介绍了js实现日期格式化。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、日期对象

 Date()是一个构造函数,创建date对象时使用构造函数实例化对象

1、获取当前系统时间

  var date = new Date();  // new Date(); 获取当前系统时间
  // var date2 = new Date(15554457551111)  //new Date(毫秒数)  代表创建毫秒数对象的日期对象
  console.log(date);  //获取到的是当前时间
  // console.log(typeof date);

2、日期的原始值

获取到的是1970年1月1日至今的毫秒数

 console.log(date.getTime());  // getTime();  日期的原始值  获取到的是1970年1月1日至今的毫秒数

3、获取年份

console.log(date.getFullYear());  // date.getFullYear(); 获取年份

4、获取月份

月份从0开始的所以要加1

 console.log(date.getMonth() + 1); // date.getMonth();  获取月份 月份从0开始的所以要加1

5、获取日

console.log(date.getDate()); // date.getDate();  获取日

6、获取星期

console.log(date.getDay()); //date.getDay(); 获取星期

7、获取小时

 console.log(date.getHours());  //date.getHours(); 获取小时

8、获取分钟

 console.log(date.getMinutes());  // date.getMinutes();  获取分钟

9、获取秒

console.log(date.getSeconds()); //date.getSeconds();  获取秒

二、通过日期对象的方法实现日期格式化

实现日期格式化效果图

function dateFormat(date) {
    console.log(showTime(date.getHours()));
    var year = date.getFullYear();                // 年
    var month = showTime(date.getMonth() + 1);        // 月
    var week = showTime(date.getDay());           // 星期
    var day = showTime(date.getDate());          // 日
    var hours = showTime(date.getHours());         // 小时
    var minutes = showTime(date.getMinutes());    // 分钟
    var second = showTime(date.getSeconds());     // 秒
    var str = '';
    str = str + year + '-' + month + '-' + week + '-' + day + '-' + hours + '-' + minutes + '-' + second
    document.write(str);
  }
  var date = new Date();
  dateFormat(date);
    // 封装一个不够两位数就补零的函数
  function showTime(t) {
    var time
    time = t > 10 ? t : '0' + t
    return time
  }

日期格式化实现效果图
js格式化日期,javascript,前端,开发语言

其中包含封装一个不够两位数就补零的函数

一个不够两位数就补零的函数文章来源地址https://www.toymoban.com/news/detail-544788.html

 // 封装一个不够两位数就补零的函数
  function showTime(t) {
    var time
    time = t >= 10 ? t : '0' + t
    return time
  }

到了这里,关于js实现日期格式化的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • [HTML]Web前端开发技术2(HTML5、CSS3、JavaScript )格式化文本标记,定义列表,<blockquote>,definition description,ruby——喵喵画网页

    希望你开心,希望你健康,希望你幸福,希望你点赞! 最后的最后,关注喵,关注喵,关注喵,大大会看到更多有趣的博客哦!!! 喵喵喵,你对我真的很重要! 目录 前言 格式化文字与段落 Web页面设计原则 向Web页面添加文字信息 格式化文本标记 标题字标记 添加空格与特

    2024年02月05日
    浏览(70)
  • JS日期与字符串相互转换(时间格式化YYYY-MM-DD,Dayjs的使用)

    文章内容 文章链接 JS数组对象—— 根据日期进行排序 , 按照时间进行升序或降序排序 https://blog.csdn.net/XSL_HR/article/details/128579840?spm=1001.2014.3001.5501 JS日期时间格式化—— 数字日期转中文日期 (封装函数,dayjs转换时间格式) https://blog.csdn.net/XSL_HR/article/details/128607024?spm=100

    2024年01月18日
    浏览(56)
  • 前端项目中使用js-beautify格式化、美化js代码

    很多网站的js,html,css代码做了混淆处理,导致难以阅读,这个时候js-beautify工具就可以派上用场了。github地址:https://github.com/beautify-web/js-beautify 可以在这个网站看转换效果:https://www.1tool.site/#/javascript?id=1 效果如图:

    2024年02月15日
    浏览(40)
  • L1-042 日期格式化(Python实现) 测试点全过

    前言: {color{Blue}前言:} 前言: 本系列题使用的是“PTA中的团体程序设计天梯赛——练习集”的题库,难度有L1、L2、L3三个等级,分别对应团体程序设计天梯赛的三个难度,如有需要可以直接查看对应专栏。发布个人的刷题笔记的同时,也是希望可以帮助到有需要的人,我

    2024年02月10日
    浏览(28)
  • 大幅提升前端工作效率!Numeral.js数值格式化库来了!

    我们日常开发中,时常会碰到数值格式化操作的场景,今天了不起就为大家分享一款相对比较全面的数值格式化的JS库: Numeral.js Numeral.js 是一个用来对数值进行操作和格式化的 JS 库。可将数字格式化为货币、百分比、时间,甚至是序数词的缩写(比如1st,100th)。 下载到本

    2024年02月03日
    浏览(70)
  • 日期格式化的最佳实践:如何在Java中处理日期格式化

    当涉及到日期格式化时,了解正确的方式和最佳实践是至关重要的。 日期格式化是将日期转换为特定格式的过程,以便在应用程序开发中更好地展示、存储或交互。 以下内容展示常用的三种方式 在Java中,你可以使用java.time.format.DateTimeFormatter类来格式化日期,并将格式化后

    2024年02月07日
    浏览(48)
  • C# 格式化日期

    除去string.Format()可以对日期进行格式化之外,*.ToString()也可以实现相同的效果: 另一种写法:

    2024年02月15日
    浏览(39)
  • Oracle格式化日期

    将oralce中时间格式为XXX年XX月XX日,如下图: 需要给年月日 添加引号 ,如to_char(sysdate,\\\'yyyy \\\"年\\\" mm \\\"月\\\" dd \\\"日\\\" \\\' );

    2024年02月15日
    浏览(35)
  • 【Java】SimpleDateFormat格式化日期

    SimpleDateFormat 是用于以区域设置敏感的方法格式化和解析日期。它允许格式化(日期文本),解析(文本日期) 对时间日期进行格式化处理 把Date对象转换为年月日时分秒格式字符串 把字符串转换为Date对象 常用的模式字母及对应关系如下:yyyy年MM月dd日HH时mm分ss秒 y 年,M 月

    2024年04月16日
    浏览(28)
  • Spring Boot 日期格式化

    我们先了解下,为什么需要配置日期格式化? 通常情况下,发起一个 Http 请求,Spring Boot 会根据请求路径映射到指定 Controller 上的某个方法的参数上,接着,Spring 会 自动进行类型转换 。 对于日期类型的参数,Spring 默认是没有配置如何将字符串转换成日期类型的 我们新建一

    2024年02月08日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包