JSFiddle - React, Tailwind, and code Playground

by 3846masa

HTML

<script src="https://unpkg.com/fdate"></script>
<script src="https://unpkg.com/moment"></script>
<script src="https://unpkg.com/fecha"></script>
<script src="https://unpkg.com/dayjs"></script>
<link rel="stylesheet" href="https://unpkg.com/astrobench@0.1.2/src/style.css">
<div id="astrobench"></div>
<script src="https://unpkg.com/astrobench@0.1.2/dist/astrobench.min.js"></script>

CSS

html, body {
  background: #f0f0f0;
}

.bench {
  background: #FAFAFA;
}

JavaScript

suite('Datetime formatting', (suite) => {
  var date = new Date('2018-05-06T00:00:00.000Z');
  var expected = '2018/05/06';
  
  bench('fdate', () => {
    var actual = fdate`${'YYYY'}/${'MM'}/${'DD'}`(date);
    console.assert(actual === expected);
  });
  
  bench('moment', () => {
    var actual = moment(date).format('YYYY/MM/DD');
    console.assert(actual === expected);
  });
  
  bench('dayjs', () => {
    var actual = dayjs(date).format('YYYY/MM/DD');
    console.assert(actual === expected);
  });
  
  bench('fecha', () => {
    var actual = fecha.format(date, 'YYYY/MM/DD');
    console.assert(actual === expected);
  });
});