javascript – So passen Sie einen Zeitfilter Vue.filter in Vue an
伊谢尔伦
伊谢尔伦 2017-05-16 13:36:57
0
1
527

So passen Sie einen Filter in Vue an, um den Zeitstempel in weniger als 24 Stunden umzuwandeln, den heutigen Tag länger als 24 Stunden anzuzeigen, den gestrigen Tag länger als 48 Stunden anzuzeigen und Jahr-Monat-Tag anzuzeigen.
Einfache Nachahmung vonBaiyuncangous ArtikelAber das funktioniert nicht Macht keinen großen Unterschied. Funktion

Gefilterte Ergebnisse 22.03.2013 02:20


{{daitem |times}}

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

Antworte allen (1)
習慣沉默

应该用自定义指令更好。

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; }, // 转换时间 getFormatTime: function(timestamp) { var now = this.getUnix(); //当前时间戳 var today = this.getTodayUnix(); //今天0点时间戳 var year = this.getYearUnix(); //今年0点时间戳 var timer = (now - timestamp) / 1000; // 转换为秒级时间戳 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__; } }
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!