现在日期为:当前时间-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. Crazy Binary String（前缀和）（2019牛客暑期多校训练营（第三场））
			
    示例: 输入: 801001001 输出:4 6 题意:一段长度为n且只有 ‘0’ 和 ‘1’ 的字符串,求子串中 ‘0’ 和 ‘1’ 数目相等和子序列中 ‘0’ 和 ‘1’ 数目相等的最大长度. 思 ...
    
			
    2. 
						
  2. L2R 三：常用工具包介绍之 XGBoost与LightGBM
			
    L2R最常用的包就是XGBoost 和LightGBM,xgboost因为其性能及快速处理能力,在机器学习比赛中成为常用的开源工具包, 2016年微软开源了旗下的lightgbm(插句题外话:微软的人 ...
    
			
    3. 
						
  3. Verilog转电路图
			
    “你写的不是程序,是电路!”这句话听了很多,大多数人还是搞不太懂.程序怎么能是电路呢?这里将一些典型的Verilog转电路图贴出来,也许可以稍稍理解电路思想了. 1. 2. 3. 4. 5. 6. 7 ...
    
			
    4. 
						
  4. www.qtbig.com：QList的at与[]10亿次运行速度比较（运行速度at都优于[]，但区别不大）
			
    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/nicai_xiaoqinxi/artic ...
    
			
    5. 
						
  5. power shell导出文件夹目录递归
			
    --获取目录:Get-ChildItem --递归目录:-Recurse --选择想要导出的目录参数,如:文件名,时间,权限等:Select-Object Name, LastWriteTime, M ...
    
			
    6. 
						
  6. flutter apk 打包
			
    https://blog.csdn.net/weixin_33738578/article/details/87998565 http://www.cnblogs.com/sangwl/p/10400 ...
    
			
    7. 
						
  7. 【转载】C#中使用Average方法对List集合中相应元素求平均值
			
    在C#的List集合操作中,有时候需要对List集合元素进行汇总求平均值,如数值类型的List集合元素,有时候对象类型的List集合也需要对集合中的元素的某个对象进行汇总求平均值,此时都可以使用到Av ...
    
			
    8. 
						
  8. JAVASCRIPT中装饰器是什么（装修）
			
    装饰器是什么? 解码器是将另一段代码包装在一个代码中的简单方法. 这个概念类似于你以前听说过的功能成分和高阶成分. 这在许多情况下都被使用过,也就是说,成都装修公司简单地将一个函数包装到另一个函数中: ...
    
			
    9. 
						
  9. python内置异常层次
			
    内置异常 BaseException # 所有异常的基类 +-- SystemExit # 解释器请求退出 +-- KeyboardInterrupt # 用户中断执行(通常是输入^C) +-- Ge ...
    
			
    10. 
						
  10. layui.table前端+后台处理+分页
			
    前端 注:监听工具条没有详细写,但路子一样的 @section head{ <script src="~/Content/jquery-easyui-1.5.5.4/jquery.ea ...
    
			
    11.