JSFiddle - React, Tailwind, and code Playground

by LyndseyB

HTML

<div id="output"></div>

JavaScript

var dateFunctions = (function() {   
    
    var displayDate = function showDate(datetype, delimeter, days, month, year, hrs, mins, seconds, showTime, is24Hr) {
        
        var delreg = /[-\/]/,
            delimeter = (delreg.test(delimeter)) ? delimeter : '/',
            month = leadingZero(month),
            days = leadingZero(days),
            hrs = leadingZero(hrs),
            mins = leadingZero(mins),
            seconds = leadingZero(seconds) || '',
            AmOrPm = " AM",
            fulldate = '';
           
        switch(datetype) {
            case "British":
                fulldate = days + delimeter + month;
                break;
            case "American":
                fulldate = month + delimeter + days;
                break;
            default:                
                fulldate = days + delimeter + month;                
        }
        fulldate+= delimeter + year;
        
        if(showTime && hrs !== '' && mins !== '') {            
            if(hrs > 12) {
                AmOrPm = " PM";
            }
            if(!is24Hr) {
                hrs = (hrs>12) ? leadingZero(hrs%12) : hrs;
            }          
            fulldate+= ' ' + hrs + ':' + mins;           
            fulldate+= (seconds !== '') ? ':' + seconds : ''; 
            fulldate+= AmOrPm;
        }       
        return fulldate;       
    }      
    
    function leadingZero(item) {
        return (item !== '' && item < 10 && item[0] !== '0') ? '0'+ item : item;
    }   
    
    return {
        displayDate : displayDate        
    }
})();

// get current date info
var d = new Date(),
    days = d.getDate(),
    month = d.getMonth()+1,
    year = d.getFullYear(),
    hours = d.getHours(),
    minutes = d.getMinutes(),
    seconds = d.getSeconds(),
    output = document.getElementById('output');

var todays = dateFunctions.displayDate('British', '', days, month, year, hours, minutes, seconds, false, false); // show todays date
var...