国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - vue怎么自定義個時間過濾器Vue.filter

瀏覽:129日期:2023-09-17 15:10:47

問題描述

vue怎么自定義個過濾器 將時間戳轉(zhuǎn)換為小于24小時顯示今天 大于24小時顯示昨天 大于48小時顯示年-月-日簡單的模仿了 白云蒼狗的文章 但是不是起很大的作用

過濾后的結(jié)果 2013-03-22 02:20

<p id='app'> <input type='text' v-model='a'/><hr /><span> {{daitem |times}}</span> </p>

<script type='text/javascript'>

Vue.filter(’times’,function (item) {var date = (typeof item === ’number’) ? new Date(item) : new Date((item || ’’).replace(/-/g, ’/’))// console.log(date)var diff = (((new Date()).getTime() - date.getTime()) / 1000)var dayDiff = Math.floor(diff / 86400)var isValidDate = Object.prototype.toString.call(date) === ’[object Date]’ && !isNaN(date.getTime())if (!isValidDate) { console.error(’not a valid date’) return item} var today = new Date(date) var year = today.getFullYear() var month = (’0’ + (today.getMonth() + 1)).slice(-2) var day = (’0’ + today.getDate()).slice(-2) var hour = (’0’ + today.getHours()).slice(-2) var minute = (’0’+today.getMinutes()).slice(-2)if (isNaN(dayDiff) || dayDiff < 0 || dayDiff >= 31) { return `${year}-${month}-${day} ${hour}:${minute}`} return dayDiff === 0 && (diff < 86400 && ’今天’) ||dayDiff < 2 && ’昨天’ + `${hour}:${minute}`||dayDiff < 3 && ’前天’ + `${hour}:${minute}`||dayDiff >3 && `${year}-${month}-${day}` });var vm = new Vue({ el: ’#app’, data: {daitem: ’2013-3-22 2:20’ }, }); </script>

問題解答

回答1:

應(yīng)該用自定義指令更好。

var Time = { // 獲取當前時間戳 getUnix: function () {var date = new Date();return date.getTime(); }, // 獲取今天0點0分0秒的時間戳 getTodayUnix: function () {var date = new Date();date.setHours(0);date.setMinutes(0);date.setSeconds(0);date.setMilliseconds(0);return date.getTime(); }, // 獲取今年1月1日0點0分0秒的時間戳 getYearUnix: function () {var date = new Date();date.setMonth(0);date.setDate(1);date.setHours(0);date.setMinutes(0);date.setSeconds(0);date.setMilliseconds(0);return date.getTime(); }, // 獲取標準年月日 getLastDate: function(time) {var date = new Date(time);var month = date.getMonth() + 1 < 10 ? ’0’ + (date.getMonth() + 1) : date.getMonth() + 1;var day = date.getDate() < 10 ? ’0’ + date.getDate() : date.getDate();return date.getFullYear() + ’-’ + month + '-' + day; }, // 轉(zhuǎn)換時間 getFormatTime: function(timestamp) {var now = this.getUnix(); //當前時間戳var today = this.getTodayUnix(); //今天0點時間戳var year = this.getYearUnix(); //今年0點時間戳var timer = (now - timestamp) / 1000; // 轉(zhuǎn)換為秒級時間戳var tip = ’’;if (timer <= 0) { tip = ’剛剛’;} else if (Math.floor(timer/60) <= 0) { tip = ’剛剛’;} else if (timer < 3600) { tip = Math.floor(timer/60) + ’分鐘前’;} else if (timer >= 3600 && (timestamp - today >= 0) ) { tip = Math.floor(timer/3600) + ’小時前’;} else if (timer/86400 <= 31) { tip = Math.ceil(timer/86400) + ’天前’;} else { tip = this.getLastDate(timestamp);}return tip; }};export default { bind: function (el, binding) {el.innerHTML = Time.getFormatTime(binding.value * 1000);el.__timeout__ = setInterval(function() { el.innerHTML = Time.getFormatTime(binding.value * 1000);}, 60000); }, unbind: function (el) {clearInterval(el.__timeout__);delete el.__timeout__; }}

標簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 成人区视频 | 国产在线成人一区二区 | 制服丝袜在线视频香蕉 | 久久久久久久久久久96av | 99午夜高清在线视频在观看 | 久久精品人人爽人人爽快 | 91精品欧美成人 | 美女张开双腿让男人桶 | 在线播放国产真实女同事 | 国内精品影院久久久久 | 日韩国产欧美在线观看 | 亚洲网站免费观看 | 在线看免费观看韩国特黄一级 | 天天摸天天爽视频69视频 | 五月天婷婷伊人 | 外国三级毛片 | 国产日韩一区二区三区在线观看 | 欧美日韩亚洲国内综合网俺 | 91香蕉视频免费 | 国产成人精品.一二区 | 亚洲深夜福利视频 | 成人黄页| 性8sex亚洲区入口 | 能直接看的一级欧美毛片 | 精品国产高清不卡毛片 | 久久视屏这里只有精品6国产 | 欧美手机手机在线视频一区 | 午夜欧美精品久久久久久久久 | 亚洲欧美日本视频 | 久色福利 | 99毛片 | 韩国美女高清爽快一级毛片 | 国产精品久久亚洲一区二区 | 欧美精品三级在线 | 亚洲成人一区在线 | 日本手机在线视频 | 欧美在线看欧美高清视频免费 | 女人aaaaa片一级一毛片 | 亚洲国产精品线播放 | 国产精品一区二区三区高清在线 | 成人在免费视频手机观看网站 |