Skip to content

Instantly share code, notes, and snippets.

@franklinharvey
Last active December 6, 2020 20:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save franklinharvey/c537f236d2872407aa4a75644460bc2c to your computer and use it in GitHub Desktop.
Save franklinharvey/c537f236d2872407aa4a75644460bc2c to your computer and use it in GitHub Desktop.
I needed to transform dates in an HTML file to be in "MMM YYYY" format without using any dependencies. This is how I did it using vanilla JS. This can be pasted directly into a dev-tools console to test.
const dateFields=document.getElementsByClassName("blog-date"),monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"],transformDate=e=>{const t=new Date(e.innerHTML);return`${t.getDate()} ${monthNames[t.getMonth()]} ${t.getFullYear()}`};dateFields.forEach(e=>{e.innerHTML=transformDate(e)});
const dateFields = document.getElementsByClassName("blog-date");
const monthNames = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"
];
const transformDate = (htmElem) => {
const newDate = new Date(htmElem.innerHTML);
return `${newDate.getDate()} ${monthNames[newDate.getMonth()]} ${newDate.getFullYear()}`;
}
dateFields.forEach((htm) => {
htm.innerHTML = transformDate(htm);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment