现在日期为:当前时间-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. PB 之多行标题报表
			
    第一种 1.添加一个text,将背景色选为非透明色:position中的layer,选为foreground,这样就可以拖动列宽了         2.在position属性标签页的width里,点右 ...
    
			
    3. 
						
  3. quartz2.3.0（十三）数据库持久化定时器job任务和trigger触发器，在多个调度器实例情况下，由其它调度器实例恢复执行调度器宕机的job任务
			
    一.初始化数据库11张quartz表:qrtz_*   先从官网下载好quartz2.3.0包:http://www.quartz-scheduler.org/downloads/ 解压后进入目录:q ...
    
			
    4. 
						
  4. Keyboard Purchase CodeForces - 1238E (状压)
			
    大意: 给定串$s$, 字符集为字母表前$m$个字符, 求一个$m$排列$pos$, 使得$\sum\limits_{i=2}^n|{pos}_{s_{i-1}}-{pos}_{s_{i}}|$最小. ...
    
			
    5. 
						
  5. 深度优先搜索（DFS）思路及算法分析
			
    1.算法用途: 用于遍历图中的节点,有些类似于树的深度优先遍历.这里唯一的问题是,与树不同,图形可能包含循环,因此我们可能会再次来到同一节点. 2.主要思想: 借用一个邻接表和布尔类型数组(判断一个点 ...
    
			
    6. 
						
  6. Jekyll自动检测代码更新
			
    Jekyll自动检测代码更新 jekyll是一个静态博客生成软件, 我们把代码放在一个仓库里, 只要远程代码更新, 我们就从把它拉到自己的服务器, 然后重新启动jekyll. cd /root/blo ...
    
			
    7. 
						
  7. Bean管理学习笔记
			
    1.BeanFactory 介绍 1.1 首先什么是Bean? 1.Bean在Spring技术中是基于组件 2.他是Spring容器管理的最基本最常见的单元.在spring的应用场合中,bean可以是 ...
    
			
    8. 
						
  8. .net 调用存储过程
			
    语言:C# 一.调用带输入参数的存储过程 首先自然是在查询分析器里创建一个存储过程喽~~   如下所示: create proc proc_1 @uid int, @pwd varchar(255)  ...
    
			
    9. 
						
  9. 浏览器输入 URL 之后的链路
			
    视频 [序章]要找到B站有多难?秃头警告 脑图 一次完整的 Http 事务 文章 技术普及帖:你刚才在淘宝上买了一件东西 Github-从URL输入到页面展现到底发生什么? 总结的非常全 前端面试题: ...
    
			
    10. 
						
  10. Oracle数据库的视图
			
    使用视图的优点:    1.简化数据操作:视图可以简化用户处理数据的方式.    2.着重于特定数据:不必要的数据或敏感数据可以不出现在视图中.    3.视图提供了一个简单而有效的安全机制,可以定制 ...
    
			
    11.