vue过滤器和时间日期转换

硅谷探秘者 2493 0 1

vue过滤器和时间日期转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/vue.min.js"></script>
		<!--
        	作者:18438301593@163.com
        	时间:2019-09-13
        	描述:时间转换插件
        -->
		<script src="https://cdn.bootcss.com/moment.js/2.24.0/moment.js"></script>
	</head>
	<body>
		<!--自定义过滤器-->
		<div id="app">
			<span>时间:</span>
			<span v-text="date"></span><br />
			<span>{{date | dateToStr}}</span><br />
			<span>{{date | dateToStr('YYYY-MM-DD')}}</span><br />
			<span>{{date | dateToStr('HH:mm:ss')}}</span>
		</div>
		<script>
			
			//自定义过滤器(value就是需要修改的值)
			Vue.filter('dateToStr',function(value,f){
				//正常日期转换
				return moment(value).format(f || 'YYYY-MM-DD HH:mm:ss');
			})
			
			var v=new Vue({
				el:'#app',
				data:{
					date:new Date()
				}
			})
		</script>
	</body>
</html>



评论区
请写下您的评论...
暂无评论...
猜你喜欢
weblog 2690 vue搜索排序!DOCTYPEhtmlhtml head metacharset="UTF-8" title/title scriptsrc="js/vue.min.js"/script
weblog 1022 mysql数据库date类型数值int类型一、date型int型SELECTUNIX_TIMESTAMP(now())二、int型date型SELECTFROM_UNIXTIME(1578636398)上述都精确到秒值
其他 2185 格式/**/functioncreateTime(v){vardate=newDate(v);vary=date.getFullYear();varm
算法基础 1190 c#对象json字符串usingSystem; usingSystem.Runtime.Serialization.Json; usingSystem.IO; usingSystem.Text
数据库 795 语法:YEARWEEK(date)或YEARWEEK(date,firstdayofweek)参数值date:需要。从中提取年周数的值firstdayofweek:可选,指定星
算法基础 798 LocalDateTimeDate/***LocalDateTimeDate*@paramlocalDateTime*@return
official 839 《操作系统》进程调度的机进程调度(低级调度),就是按照某种算法从就绪队列中选择一个进程为其分配处理机。需要进行进程调度不能进行进程调度临界资源:一个段内只允许一个进程使用的资源。各进程需要互斥
java基础 1161 该Calendar所代表的却不会被立即更改,知道下次调用get(),getTime(),getTimeMillis(),add()或roll()才会重新计算历的。这被称为set()方法的延迟
归档
2018-11  12 2018-12  33 2019-01  28 2019-02  28 2019-03  32 2019-04  27 2019-05  33 2019-06  6 2019-07  12 2019-08  12 2019-09  21 2019-10  8 2019-11  15 2019-12  25 2020-01  9 2020-02  5 2020-03  16 2020-04  4 2020-06  1 2020-07  7 2020-08  13 2020-09  9 2020-10  5 2020-12  3 2021-01  1 2021-02  5 2021-03  7 2021-04  4 2021-05  4 2021-06  1 2021-07  7 2021-08  2 2021-09  8 2021-10  9 2021-11  16 2021-12  14 2022-01  7 2022-05  1 2022-08  3 2022-09  2 2022-10  2 2022-12  5 2023-01  3 2023-02  1 2023-03  4 2023-04  2 2023-06  3 2023-07  4 2023-08  1 2023-10  1 2024-02  1 2024-03  1 2024-04  1
标签
算法基础 linux 前端 c++ 数据结构 框架 数据库 计算机基础 储备知识 java基础 ASM 其他 深入理解java虚拟机 nginx git 消息中间件 搜索 maven redis docker dubbo vue 导入导出 软件使用 idea插件 协议 无聊的知识 jenkins springboot mqtt协议 keepalived minio mysql ensp 网络基础 xxl-job rabbitmq haproxy srs 音视频 webrtc javascript
目录
没有一个冬天不可逾越,没有一个春天不会来临。最慢的步伐不是跬步,而是徘徊,最快的脚步不是冲刺,而是坚持。