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

今天药忘吃喽~ 2022-11-15 05:54 202阅读 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 条评论，202人围观）

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

相关阅读

相关 Java时间段的获取方式

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

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

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

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

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

相关 js 简单的获取当前时间已经格式转换时间比较

//替换字符串 function Replace(str, from, to) { return str.split(fro

小鱼儿/ 2022年06月17日 01:53/ 0 赞/ 338 阅读

相关 java获取时间格式

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

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

相关 Jquery获取计算机时间，转换时间格式

昨天写的一个效果需要获取计算机当前时间，因为好久没用都忘得差不多了。复习一下： 1.获取计算机时间 var mydate = new Date(); mydate.ge

朴灿烈づ我的快乐病毒、/ 2022年06月10日 13:23/ 0 赞/ 219 阅读

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

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

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

相关时间处理插件momentjs

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

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

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

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

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

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

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

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

相关小程序获取时间格式

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

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