vue允许自定义过滤器,被用作一些常见文本的格式化。由“管道符”指示,格式如下:
<!-- 在两个大括号中 -->
{{message | capitalize}}
<!-- 在 v-bind指令中 -->
<div v-bind:id="rawId | formatId"></div>
实例如下:
<div id="app"> {{ time | formatTime}} </div> <script> new Vue({ el: "#app", data: { time: ‘12345643‘ }, filters: { //对时间戳进行格式化 formatTime: function(value){ var unixTimestamp = new Date( value*1000 ); var D = new Date(unixTimestamp); var H = D.getHours()>9 ? D.getHours() : "0"+D.getHours(), M = D.getMinutes()>9 ? D.getMinutes() : "0"+D.getMinutes(); return H + ":" + M } } }) </script>
时间: 2024-11-05 03:05:30