简体   繁体   中英

How do I display the day output as Thursday, Dec 16 rather than MM/DD in CSS / HTML

I am trying to figure out how to display this code in a more user friendlier manner for example instead of displaying as MM/DD ex. "12/20 " I would rather it say Name of day, first 3 letters of the month and the DD for example " Monday, Dec 20 ". Is that possible? Please find the code below.

/* js file for autocalculate shipping*/
(function() {
// estimate the delivery date  
  var dateEnd = 3;
  var toDate = Date.today().addDays(dateEnd);
  if (toDate.is().saturday() || toDate.is().sunday()) { 
    toDate = toDate.next().monday(); 
  }
  document.getElementById('toDate').innerHTML = toDate.toString('MM/dd');
})();
  1. Using JS Date to display Date in the above format.

 const days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] const months = ["Dec","Nov","Oct","Sep","Aug","Jul","Jun","May","Apr","Mar","Feb","Jan"] const getFormattedDate = (date) => { return `${days[date.getDay()]} - ${months[date.getMonth()]} - ${date.getFullYear()}` } let d = new Date(); console.log(getFormattedDate(d))

  1. Using Moment JS https://momentjs.com/

 let date = moment() console.log(date.format('ddd MMM YY'))
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM