javascript 格式化 Date api

最新推荐文章于 2023-03-31 11:24:07 发布
最新推荐文章于 2023-03-31 11:24:07 发布
阅读量158 收藏
点赞数
文章标签： javascript html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liu_g_d/article/details/124870214
版权

javascript 格式化 Date api

1.1 小数点后位数

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>summerlex@126.com</title>
</head>
<body>
<h1>008.00</h1>
<script>
    let i = 8
    //输出小数点前后总共5位
    document.write(i.toPrecision(5))
    //换行
    document.write('<br/>')
    //保留小数点后两位
    document.write(i.toFixed(2))
    document.write('<br/>')
    document.write(i.toFixed(2).toString().padStart(6, '0'))
</script>

</body>
</html>

image-20220519191938691

1.2 Date api

getDay() #返回星期几（0-6，0代表星期天）

getFullYear() #返回年份

getMonth() #返回月份（0-11）

getDate() #返回月中的第几天（从1到31）

getHours() #返回小时（0-23）

getMinutes() #返回分钟（0-59）

getSeconds() #返回秒数（0-59）

getMilliseconds() #返回毫秒数（0-999）

getTime() #返回自 1970 年 1 月 1 日午夜以来与指定日期的毫秒数。

详细见：

https://www.w3school.com.cn/jsref/jsref_obj_date.asp

1.3 格式化

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>summerlex@126.com</title>
</head>
<body>
<h1>Hello, world!</h1>
<script>
    let d = new Date()
    document.write(d.toLocaleDateString())
    document.write('<br/>')
    document.write(d.toLocaleTimeString())
    document.write('<br/>')
    document.write(`${d}<br>`)
    document.write(d.toLocaleString())

    let yy = d.getFullYear()
    let mm = d.getMonth()+1
    let da = d.getDate()
    let hh = d.getHours()
    let mi = d.getMinutes()
    let ss = d.getSeconds()
    let xq = d.getDay()
    document.write(`${yy}年${mm}月${da}日   ${hh}:${mi}:${ss}  星期${'日一二三四五六'.charAt(d.getDay())}`)
</script>

</body>
</html>

image-20220519195136487

liu_g_d
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript好用的格式化时间函数
B371977898的博客
12-05 148
代码 1Date.prototype.format=function(format)2{3varo={4"M+":this.getMonth()+1,//month5"d+":this.getDate(),//day6"h+":this.getHour...
js基础格式化日期
llt299022的博客
01-27 86
格式化日期 年月日 // 格式化日期 年月日 var date = new Date(); console.log(date.getFullYear()); // 返回当前日期的年 2019 console.log(date.getMonth() + 1); // 月份 返回的月份小1个月 记得月份+1 呦 console.log(date.getDate()); // 返回的是 几号 console.log(da
js日期date的api
最新发布
weixin_54495706的博客
03-31 199
【代码】js日期date的api。
JS 时间格式化 api 的性能问题
weixin_43487782的博客
08-16 291
哪种时间格式化 API 的性能最好，原生 API 性能一定好于第三方库吗 发现问题 在项目中有一个需求，需要绘制 CPU 占用和时间关系的 line chart ，数据量在几万到几十万级别。由于后台返回的是时间戳，需要在前端进行格式化。在前端进行时间格式化，下面几种都是常用的 API ： // 使用 moment 第三方库 moment(new Date()).format("hh::mm"); // 使用 getHours + getMinutes let now = new Date(); [now.
html中用js格式化JSON输出
热门推荐
小白成神路
11-16 3万+
调用接口将返回的json数据按原样塞入 <div> <pre id = "show"> </pre> </div> 然而接收到的json串不能直接通过 $("#show").html(jsObj) 塞进去， 需要用JSON.stringify（）转为字符串才能作为内容填充进去，如果要格式化显示，则要在...
JavaScript - 格式化日期时间.zip
06-23
此外，除了手动格式化，还可以使用一些库，如Moment.js或date-fns，它们提供了更丰富的日期时间处理功能和易用的API，可以轻松实现各种复杂的日期时间格式化需求。不过，对于基础的格式化需求，了解和掌握JavaScript...
Date格式化
10-11
我们可以使用内置的`Date.prototype.toString()`方法，或者使用`Intl.DateTimeFormat` API来实现更复杂的格式化。例如： ```javascript var now = new Date(); console.log(now.toLocaleDateString('en-US')); // ...
JavaScript自定义日期格式化函数详细解析
10-26
由于JavaScript的内置`Date`对象没有提供直接的格式化方法，开发者通常需要自定义函数来满足这一需求。本文将详细解析如何实现一个自定义的日期格式化函数。 首先，我们需要理解JavaScript的`Date`对象提供的基础...
JavaScript时间格式化插件，返回指定字符串
12-22
JavaScript有许多优秀的时间格式化库，如moment.js、date-fns、luxon等。这些库提供了强大的日期和时间处理功能，包括格式化、解析、比较和计算等。 3. **moment.js**： moment.js是最流行的时间格式化库之一，它...
javascript实现的距离现在多长时间后的一个格式化的日期
10-29
`getOneFormatDate`函数就是一个示例，它用于计算并返回一个与当前时间相隔特定毫秒数后的格式化日期字符串。这个函数的用途可能是在通知、计时器或者时间戳转换等场景下。 函数接受两个参数： 1. `timeLong`：这是...
js版格式化输出时间
以博促学
06-27 2807
js版格式化输出时间，高质量代码 "
javascript控制台_超越控制台日志3种在javascript中格式化控制台输出的方法
weixin_26723981的博客
09-16 411
javascript控制台As JavaScript developers, we intuitively use console.log() to debug, print out variables, and log results of our current operations to make sure we are on the right programming path. 作为Ja...
发现一个js格式化输出时间的方法，很好很强大
sofeien的专栏
04-13 1562
引用自龙恩0707的博客Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this....
JS格式化日期
qq_42673825的博客
07-04 230
/** * @desc 格式化日期字符串 * @param { Nubmer} - Date日期 , 时间不能大于当前时间，大于当前时间会返回“刚刚”。 * @returns { String } 格式化后的日期字符串 // 2012年01月10日 12:46 //刚刚 //16分钟前 //今天10:10 //昨天10:10 //02月10日 10:10:11 //2012年10月10日 10:10:11 */ export funct..
【前端】JS日志输出-console完美封装
飞的博客
05-29 2万+
最近在开发一款chrome扩展插件，经常会打印一些调试的日志，然后上生产的时候日志打印的地方总是会有一些漏网之鱼，没有被删掉，控制台还会打印出很多的敏感信息，这是很不合理的，也是不被允许的，鉴于此，对console做了封装，废话不多说，直接上干货。以下是对console的封装。
js 关于时间日期常用格式化的整理
刘荣丹的日志
09-01 698
一、验证是否是日期 checkDate(date){ if(date.match(/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]...
javascript格式化输出的实现(MuJS)
学习中~~~~
03-10 3101
MuJS是一款支持嵌入式开发的轻量级javascript解释器。 javascript主要是针对web开发的脚本语言，所以主要借助浏览器来调试；但mujs针对的是嵌入式开发，调试时的交互主要靠输入输出终端，javascript本身是不支持的，所以需要调用c语言的打印函数来实现。 下面给出两个例子，一个是普通输出，符合脚本语言的解释性语言的特点，不考虑变量的类型；另一个是简单的格式化输出。前一个...
【原生JS】时间 Date API
及时行乐
06-26 1647
日期常用API 复制代码 getTime();//毫秒数 getFullYear();//年 getMonth();//月 （0~11）要+1 getDate();//日 getHours();//小时 getMinutes();//分钟 getSeconds();//秒 Date.now();//当前时间毫秒数 new Date();//当前时间 1、当前时间换时间戳 var timestamp...
js简单日期格式化，两种方案
jontyy的博客
07-23 2785
js简单日期格式化，两种方案 Introduce 在做一个活动页面，需要获取当前日期，但是后台api的接口给的日期格式很期怕。就直接做了个格式化日期的小插件。 Tool vscode chrome Thought 两种方案 根据arguments来做，传进去的参数分别是中间的分隔符，当为空时，默认为空格，一个参数时，在中间插入，两个参数，插在中间空隙，三...
JavaScript Date对象详解与特性
JavaScript的Date对象提供了丰富的API来创建、解析、操作和格式化日期。例如，`new Date()`可以创建当前日期和时间的对象，`Date.parse()`用于解析日期字符串，`Date.now()`返回当前时间的毫秒数。此外，Date对象还...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值