基于moment.js的不同格式时间的获取方式

今天药忘吃喽~ 2022-11-15 05:54 167阅读 0赞

# 1.代码 #

基于vue进行简单测试，moment.js 也又多语言版本。

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script src="vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="moment.js"></script>
    </head>
    <body>
    	<div id="app">
    		<ul>
    			<li v-for="item,index in items" :key="index">
    			{
       { item.date }}
    			</li>
    		</ul>
    	</div>
    	<script type="text/javascript">
    	var app = new Vue({
    		el: '#app',
    		data: {
    			items:[
    				{date: "MMMM Do YYYY, h:mm:ss a: " + moment().format("MMMM Do YYYY, h:mm:ss a")},
    				{date: "yyyy-MM-DD HH:mm:ss: " + moment().format("yyyy-MM-DD HH:mm:ss")},
    				{date: "yyyy-MM-DD: " + moment().format("yyyy-MM-DD")},
    				{date: "yyyyMMDD: " + moment().format("yyyyMMDD")},
    				{date: "YYMMDD: " + moment().format("YYMMDD")},
    				{date: "llll: " + moment().format("llll")},
    				{date: "LLL: " + moment().format("LLL")},
    				{date: "yy: " + moment().format("yy")},
    				{date: "DD: " + moment().format("DD")},
    				{date: "dd: " + moment().format("dd")},
    			]
    		}
    		
    	});
    	</script>
    </body>
    </html>

# 2.效果 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODU0Mjkx_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxODU0Mjkx_size_16_color_FFFFFF_t_70]: /images/20221022/cf97f566aabc48629950c07cf9d6ad98.png

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关 C#基础---获取系统时间和设置获取的格式

![在这里插入图片描述][206eacf5f6f34b669365973168c1dc8c.png] 1.获取当前的时间，并将时间格式化成为字符串 DateTime dt

深碍√TFBOYSˉ_/ 2024年04月03日 13:29/ 0 赞/ 27 阅读

相关 Java时间段的获取方式

![c76993391b1d44db98535bb4535aa6b3.png][] 这个代码比较详细，有我没写清楚的，评论区留言，谢谢 [c76993391b1d44db

古城微笑少年丶/ 2024年03月27日 16:13/ 0 赞/ 23 阅读

相关 JavaScript 获取时间范围（当天，本月（30天间隔），momentJS基本使用）

文章目录获取从今天0点到现在的时间范围获取今天到前一个月的时间范围 momentJS（第三方库）安装使用

梦里梦外;/ 2023年09月25日 20:18/ 0 赞/ 24 阅读

相关基于moment.js的不同格式时间的获取方式

1.代码基于vue进行简单测试，moment.js 也又多语言版本。 <!DOCTYPE html> <html> <head> <m

今天药忘吃喽~/ 2022年11月15日 05:54/ 0 赞/ 168 阅读

相关 java获取时间格式

public static Timestamp getDate()\{ SimpleDateFormat sdf = new SimpleDateFormat("yyyy-

谁践踏了优雅/ 2022年06月16日 11:49/ 0 赞/ 148 阅读

相关时间Date的各种获取方式

常用的时间获取方式 public class DateUtils { / 获取时间戳输出结果:1438692801766 /

小咪咪/ 2022年05月26日 01:22/ 0 赞/ 191 阅读

相关时间处理插件momentjs

momentjs是一个用于解析、验证、操作和格式化日期的轻量级JavaScript日期库。使用方式： <script src="moment.js"></sc

小灰灰/ 2022年05月25日 10:53/ 0 赞/ 192 阅读

相关不同语言/环境下的日期格式，获取当前日期/时间

linux shell 查看当前日期当前时间 [root@Amos ~] date Fri Aug 24 09:04:22 CST 2018

痛定思痛。/ 2022年05月15日 03:45/ 0 赞/ 234 阅读

相关获取当前时间字符串格式

/ 获得当前系统时间（字符串格式精确到秒） @return / public static String getStringTodayTime(){

谁借莪１个温暖的怀抱￠/ 2022年05月14日 02:49/ 0 赞/ 229 阅读

相关小程序获取时间格式

![标题图][1240] > 小程序获取时间格式效果图片: ![效果][1240 1] ![效果][strip] ![效果][1240 2] .wxml

女爷i/ 2021年09月17日 05:30/ 0 赞/ 287 阅读