moment系列三:format( )方法格式化日期及显示

format 格式化moment显示的日期在我们日常开发中非常常见,简单一点来说formate方法对于女生来说就相当于漂亮的衣服,对男生来说就差不多是帅气的西装了。

好的,让我们一起去先看看服装穿身上的效果


 moment().format(); // 2022-07-15T16:49:27+08:00
   
 moment().format("YYYY-MM-DD");  // 2022-07-15
 
 moment().format("YYYY-MM-DD HH:mm:ss"); // 2022-07-15 16:49:27
 
 moment().format("YYYY MMM Do dddd a"); // 2022 7月 15日 星期五 下午
  
    

看起来还不错,接下来去看看衣柜里都有什么衣服

moment系列三:format( )方法格式化日期及显示_第1张图片
moment系列三:format( )方法格式化日期及显示_第2张图片
moment系列三:format( )方法格式化日期及显示_第3张图片

相信此刻的你应该怎样搭配自己的穿搭已经了如指掌了。

接下来给大家看看我们的一个本地的穿搭吧


 moment().format('llll'); // 2022年7月15日星期五 17:26
 
 moment().format('LLLL'); // 2022年7月15日星期五下午5点26分

那本地的衣柜里有什么呢

moment系列三:format( )方法格式化日期及显示_第4张图片

小伙伴们可能会好奇,为什么突然来一句本地衣柜?因为这是专门用来格式化本地时间的,所以使用下面这种方法的话还是要谨慎一点。因为如果两个地方相差很远在同一个时间格式化的结果会不一样(这就是时差导致的)。

最后补充一点咯,如果你想自定义内容的话,实现类似:实现 xxxx年xx月xx日 xx时xx分xx秒 等等的效果的话,只能祭出大杀器了


 moment().format('Y[年]MM[月]DD[日] HH[时]mm[分]ss[秒]');  // '2022年07月15日 17时26分07秒'

相信大家已经看出来了,大杀器就是" [ ] ",中括号在格式化后是不会显示的,只会显示中括号的内容。

好啦,文章到此结束,有问题的地方可以在评论区指正哈,以免有错误的地方误导了其他道友

你可能感兴趣的:(moment.js,前端)