If you use Hostinger Website Builder <\/b>to create a blog and want to change the date format<\/b> for all of your blog posts, follow the steps below 👇 <\/p>
\n<\/p>
<script>
function formatDate(date) {
let d = new Date(date.innerText),
month = '' + (d.getMonth() + 1),
day = '' + d.getDate(),
year = d.getFullYear();
if (month.length < 2)
month = '0' + month;
if (day.length < 2)
day = '0' + day;
return [year, month, day + \" \"].join('\/');
}
setInterval(() => {
if (document.contains(document.querySelector('.block-blog-list')) && document.querySelector('.block-blog-list-item:last-of-type .blog-list-item-meta__subtitle span:first-of-type').innerHTML.at(-1) !== ' ') {
let randomPosts = document.querySelectorAll('.block-blog-list-item');
randomPosts.forEach(post => {
post.querySelector('.blog-list-item-meta__subtitle span:first-of-type').innerText = formatDate(post.querySelector('.blog-list-item-meta__subtitle span:first-of-type'));
})
}
if (document.contains(document.querySelector('.block-blog-header')) && document.querySelector('.blog-list-item-meta__subtitle span:first-of-type').innerHTML.at(-1) !== ' ') {
document.querySelector('.blog-list-item-meta__subtitle span:first-of-type').innerText = formatDate(document.querySelector('.blog-list-item-meta__subtitle span:first-of-type'));
}
}, 500);
<\/script><\/code><\/pre>\n<\/p>
Customize the Code<\/h2>
Depending on your preferred date format, change the arrangement of the values<\/b> here: <\/p>return [year, month, day + \" \"].join('\/');<\/code><\/pre>