vue过滤器和时间日期转换

硅谷探秘者 2718 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 2880 vue搜索排序!DOCTYPEhtmlhtml head metacharset="UTF-8" title/title scriptsrc="js/vue.min.js"/script
weblog 1232 mysql数据库date类型数值int类型一、date型int型SELECTUNIX_TIMESTAMP(now())二、int型date型SELECTFROM_UNIXTIME(1578636398)上述都精确到秒值
其他 2358 格式/**/functioncreateTime(v){vardate=newDate(v);vary=date.getFullYear();varm
数据库 1028 语法:YEARWEEK(date)或YEARWEEK(date,firstdayofweek)参数值date:需要。从中提取年周数的值firstdayofweek:可选,指定星
算法基础 1410 c#对象json字符串usingSystem; usingSystem.Runtime.Serialization.Json; usingSystem.IO; usingSystem.Text
算法基础 972 LocalDateTimeDate/***LocalDateTimeDate*@paramlocalDateTime*@return
前端(h5) 2230 vue笔记参考:http://www.jiajiajia.club/search?str=vuevue对象的生命周!DOCTYPEhtmlhtml head metacharset="UTF-8
official 1032 《操作系统》进程调度的机进程调度(低级调度),就是按照某种算法从就绪队列中选择一个进程为其分配处理机。需要进行进程调度不能进行进程调度临界资源:一个段内只允许一个进程使用的资源。各进程需要互斥
归档
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 2024-08  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 加密算法
目录
没有一个冬天不可逾越,没有一个春天不会来临。最慢的步伐不是跬步,而是徘徊,最快的脚步不是冲刺,而是坚持。