使用Ractive.js進行日期轉換

Question

如何將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的其他庫。 謝謝！

Answer 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更改時，格式化程序將再次被調用。

Answer 2

您可以為此使用MomentJS ：

 var ts = 2147483647; var m = moment(ts); var s = m.format("LLLL"); var ractive = new Ractive({ el: '#container', template: '#template', data: { lastUpdated: s } }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/locale/af.js"></script> <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: {{lastUpdated}}</h1> </script>