使用Ractive.js进行日期转换

时间:2016-04-06 12:50:30

标签: javascript ractivejs

如何将JSON终点返回的Epoch时间值转换为时间字符串,如“Tue 19 Jan 11:14:07 SGT 2038”?

var ractive = new Ractive({
  el: '#container',

  template: '#template',

  data: {
    lastUpdated: 2147483647
  }
});
<script src="http://cdn.ractivejs.org/latest/ractive.js"></script>
<pre>$ date --date='@2147483647'	
Tue 19 Jan 11:14:07 SGT 2038
</pre>

<div id='container'></div>
<script id='template' type='text/ractive'>
  <h1>Time: {{Date(lastUpdated)}}</h1>
</script>

我不想使用像moment.js这样的其他库。谢谢!

2 个答案:

答案 0 :(得分:1)

Ractive对如何设置日期格式没有意见,但您可以非常轻松地向data对象添加自定义格式化程序:

var ractive = new Ractive({
  el: '#container',
  template: '<h1>Time: {{formatDate(lastUpdated)}}</h1>',
  data: {
    lastUpdated: 2147483647,
    formatDate: function ( date ) {
      // formatting code goes here...
    }
  }
});

每当lastUpdated发生变化时,都会再次调用格式化程序。

答案 1 :(得分:0)

您可以使用MomentJS

bankCharges: 3
overTime: 3
mgmtFee: 5
email: 9
copyOfVisa: 3
var ts = 2147483647;
var m = moment(ts);
var s = m.format("LLLL");
var ractive = new Ractive({
  el: '#container',

  template: '#template',

  data: {
    lastUpdated: s
  }
});