JSFiddle - React, Tailwind, and code Playground

by bamalone

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<div class="container">
  <h4>Exericse #3: JS Dates</h4>
  <hr>
  <p class="days-difference">
    <b>1. # of days between 1/1/2017 and 11/28/2018, start of day</b>
    <br>
  </p>
  <br>
  <p class="today-formatted">
    <b>2. Today datetime formatted AS MM/D/YYYY xx:xx:xx am/pm
</b><br>
  </p>
  <hr>
</div>

CSS

/*
  Calculate and print to console:
    1. # of days between 1/1/2017 and TODAY
    2. TODAY formatted AS MM/D/YYYY xx:xx:xx am/pm
*/

JavaScript

var $daysDiff = document.querySelector(".days-difference");
var $today    = document.querySelector(".today-formatted");

var today = moment(new Date());
var todayStartOfDay = moment(new Date()).startOf('day');
var januaryDateStartOfDay = moment([2017, 0, 1]).startOf('day');

var days_difference = todayStartOfDay.diff(januaryDateStartOfDay, 'days');

$daysDiff.append(days_difference);

$today.append(today.format("MM/D/YYYY hh:mm:ss A"));