现在日期为:当前时间-1970年1月1日0时0分0秒的时间差

日期格式化:百度搜索moment

1.test015.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--需求;对当前时间进行指定格式显示-->
<div id="test">
    <h2>显示格式化的日期时间</h2>
    <p>{{date}}</p>
    <p>完整版:{{date|dateString}}</p>
    <p>年月日:{{date|dateString('YYYY-MM-DD')}}</p>
    <p>时分秒:{{date|dateString('HH:mm:ss')}}</p>
</div>

<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/moment.js/2.24.0/moment.js"></script>
<script type="text/javascript">
    //自定义过滤器
    //Vue的函数对象(Vue现在是函数,但现在当对象使用)的filter()方法
    //<p>完整版:{{date|dateString}}</p>将这个表达式的值传递给下面这个函数
　　//format对应于上<p>年月日:{{date|dateString('YYYY-MM-DD')}}</p>括号中有没有值
    Vue.filter('dateString',function(value,format){
        return moment(value).format(format||'YYYY-MM-DD HH:mm:ss')
    })

    new Vue({
        el:'#test',
        data:{
            date: new Date()
        }
    })
</script>
</body>
</html>
2.显示截图

												


											
(尚015)Vue过滤器(对显示的数据进行格式化)的更多相关文章
	

    
								
  1. vue_过滤器： 对要显示的数据进行特定格式化后再显示
		
    过滤器 对要显示的数据进行特定格式化后再显示 并未改变原本的数据,可是产生新的对应的数据 <!DOCTYPE html> <html lang="en">  ...
    
		
    2. 
						
  2. AngularJS学习--- 过滤器(filter),格式化要显示的数据 step 9
		
    1.切换目录,启动项目 git checkout step- npm start 2.需求: 格式化要显示的数据. 比如要将true-->yes,false-->no,这样相互替换. 3. ...
    
		
    3. 
						
  3. (尚022)Vue案例_初始化显示(十分详细!!!)
		
    项目结构目录 所需资料: comment_page文件夹: ====================================================================== ...
    
		
    4. 
						
  4. 02 Vue之vue对象属性功能&axios数据请求实现
		
    1.过滤器的声明和使用 过滤器,就是vue允许开发者自定义的文本格式化函数,可以使用在两个地方:输出内容和操作数据中. 定义过滤器的方式有两种. 1 使用Vue.filter()进行全局定义 2 在v ...
    
		
    5. 
						
  5. Vue过滤器、生命周期函数和vue-resource
		
    一.过滤器 使用例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...
    
		
    6. 
						
  6. Vue.js与angular在数据实现的思考
		
    Vue.js,其简洁的API以及活跃的社区,对于打算从angular转向Vue还是挺友好的,打算最近一段时间去整理下Vue自己的一些思考,加深下对于此的印象. Vue与Angular同属于MVVM框架 ...
    
		
    7. 
						
  7. Javascript - Vue - 过滤器
		
    过滤器 输出的数据由vue对象提供,但它的数据可能需要做进一步的处理才适合展示给用户看,为此,可以在静态的Vue上定义一个过滤器对实例vue对象的data数据进行过滤处理. //调用过滤器//msg是 ...
    
		
    8. 
						
  8. html页面下拉列表中动态添加后台数据（格式化数据，显示出数据的层次感）
		
    html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感) 效果图: 运行原理和技术: 当页面加载完毕,利用jquery向后台发送ajax请求,去后台拼接<select>&l ...
    
		
    9. 
						
  9. vue过滤器微信小程序过滤器和百度智能小程序过滤器
		
    因为最近写了微信小程序和百度小程序,用到了过滤器,感觉还挺好用的,所以就来总结一下,希望能帮到你们. 1. 微信小程序过滤器: 1.1:首先建一个单独的wxs后缀的文件,一般放在utils文件夹里面. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. PAT(B) 1045 快速排序（C）
			
    题目链接:1045 快速排序 (25 point(s)) 参考博客:1045 快速排序 (25 point(s))繁星蓝雨 题目描述 著名的快速排序算法里有一个经典的划分过程:我们通常采用某种方法取一 ...
    
			
    2. 
						
  2. Linux（ubuntu）软件的安装
			
    通过apt安装/卸载软件 apt是advanced packaging tool,是Linxu下的一款安装包管理程序 可以在终端中方便的安装/卸载/更新软件包 # 安装软件 sudo apt inst ...
    
			
    3. 
						
  3. 不一样的go语言-athens源码概览
			
    前言   上一篇文章介绍了athens私服的安装以及vgo download protocol的简要介绍.本文着重介绍go proxy sever的实现原理以及athens是如何实现的. go get ...
    
			
    4. 
						
  4. Atcoder Grand Contest 036 D - Negative Cycle
			
    Atcoder Grand Contest 036 D - Negative Cycle 解题思路 在某些情况下,给一张图加或删一些边要使图合法的题目要考虑到最短路的差分约束系统.这一题看似和最短路没 ...
    
			
    5. 
						
  5. js的for循环中出现异步函数，回调引用的循环值始终是最后的值
			
    一.问题 今天工作中解决bug发现是由“for循环的异步函数,回调引用的循环值始终是最后的值”的现象导致的,如: for (var i = 0; i < files.length; i++) { ...
    
			
    6. 
						
  6. js将文字填充与canvas画布再转为图片
			
    需求:封装consul服务的webUI: 原因:展示consul的服务信息时,需要嵌套动画,由于其没有内置的icon,所以将服务name放于图片位: 分析:展示信息时采用了卡片式的服务布局,缩放式的服 ...
    
			
    7. 
						
  7. 【Linux内核】CPU和线程
			
    首先明确一个概念,Linux系统中甚至没有真正的线程.不过,可以认为Linux是系统的线程是内核线程,所有调度是基于线程的. 1.线程分类 一个进程由于其运行空间的不同, 从而有内核线程和用户进程的区 ...
    
			
    8. 
						
  8. 为什么Java中一个char能存下一个汉字
			
    在Java中,char的长度是2字节,即16位,2的16次方是65536. 1.如果采用utf-8编码,一个汉字占3个字节,char为什么还能存下一个汉字呢? 参考:https://developer ...
    
			
    9. 
						
  9. React Native 开发豆瓣评分（四）集中管理 fetch 数据请求
			
    豆瓣评分的API接口 接口是从网上查找的,看样子应该是微信小程序里面扣出来的(ua 里面有 wechatdevtools) 接口都需要设置apiKey(054022eaeae0b00e0fc068c0 ...
    
			
    10. 
						
  10. ECSHOP v3.0 数据库字典
			
    商品相关表 商品分类表 category 此表用来维护商品分类信息 字段名 字段描述 字段类型 默认值 索引 cat_id 分类编号 smallint(5) unsigned 自增 PK cat_na ...
    
			
    11.