Tutorial Stats
How to change the format of your Weebly blog date
Tutorial Description
Weebly is a company headquartered in San Francisco, California in the United States. This likely explains why the format of a Weebly blog post date is set as Month/Day/Year by default. However, this is a problem because if you live in, say, the United Kingdom, your date format is Day/Month/Year.
We're not really sure if sites in countries outside of the United States are still having an issue with the date format of a blog post, but some were at one point, and may still be.
Rest assured, Weebly Tricks has you covered and will show you how to not only change the format of your blog post dates to suit your country's custom, but we'll also show you how to use the actual name of the months, such as August 2, 2018 or 2 August 2018.
We're not really sure if sites in countries outside of the United States are still having an issue with the date format of a blog post, but some were at one point, and may still be.
Rest assured, Weebly Tricks has you covered and will show you how to not only change the format of your blog post dates to suit your country's custom, but we'll also show you how to use the actual name of the months, such as August 2, 2018 or 2 August 2018.
SHOW MORE
Tutorial
Step 1. Open Weebly's HTML/CSS Editor
At the top, click on 'Theme', and on the bottom-left, click on 'Edit HTML/CSS'.
Step 2. Choose your date format
Below, we have many commonly sought out date formats for Weebly blog posts. By default, we'll be using an American date format of 8/2/2018 (i.e., August 2, 2018 or M/D/Y).
Choose the new date format for your blog and copy the jQuery code below it.
Then, in the Weebly editor, under "ASSETS", click on "custom.js", and on the right, paste the code you copied as shown in the image below.
Note: It would be excessive to list all possible date formats below, so if a date format below is not listed, just asked us how to achieve it in the comments below.
Troubleshooting: If the date format does not change after implementing the code of your choice below, try clearing your browser's cache.
Current date format: 8/2/2018 (M/D/Y)
New date format: August 2, 2018 (M/D/Y)
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var data = $('.date-text').text();
var arr = data.split('/');
$(".date-text").html(months[parseInt(arr[0]) - 1] + " " + arr[1] + ", " + arr[2]);
Current date format: 8/2/2018 (M/D/Y)
New date format: August 2 (M/D)
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var data = $('.date-text').text();
var arr = data.split('/');
$(".date-text").html(months[parseInt(arr[0]) - 1] + " " + arr[1]);
Current date format: 8/2/2018 (M/D/Y)
New date format: Aug 2 (M/D)
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var data = $('.date-text').text();
var arr = data.split('/');
$(".date-text").html(months[parseInt(arr[0]) - 1] + " " + arr[1]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2/8/2018 (D/M/Y)
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[1] + "/" + arr[0] + "/" + arr[2]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2 August 2018 (D/M/Y)
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[1] + " " + months[parseInt(arr[0]) - 1] + " " + arr[2]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2 August (D/M)
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[1] + " " + months[parseInt(arr[0]) - 1]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2 Aug (D/M)
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[1] + " " + months[parseInt(arr[0]) - 1]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2018/8/2 (Y/M/D)
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[2] + "/" + arr[0] + "/" + arr[1]);
Choose the new date format for your blog and copy the jQuery code below it.
Then, in the Weebly editor, under "ASSETS", click on "custom.js", and on the right, paste the code you copied as shown in the image below.
Note: It would be excessive to list all possible date formats below, so if a date format below is not listed, just asked us how to achieve it in the comments below.
Troubleshooting: If the date format does not change after implementing the code of your choice below, try clearing your browser's cache.
Current date format: 8/2/2018 (M/D/Y)
New date format: August 2, 2018 (M/D/Y)
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var data = $('.date-text').text();
var arr = data.split('/');
$(".date-text").html(months[parseInt(arr[0]) - 1] + " " + arr[1] + ", " + arr[2]);
Current date format: 8/2/2018 (M/D/Y)
New date format: August 2 (M/D)
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var data = $('.date-text').text();
var arr = data.split('/');
$(".date-text").html(months[parseInt(arr[0]) - 1] + " " + arr[1]);
Current date format: 8/2/2018 (M/D/Y)
New date format: Aug 2 (M/D)
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var data = $('.date-text').text();
var arr = data.split('/');
$(".date-text").html(months[parseInt(arr[0]) - 1] + " " + arr[1]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2/8/2018 (D/M/Y)
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[1] + "/" + arr[0] + "/" + arr[2]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2 August 2018 (D/M/Y)
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[1] + " " + months[parseInt(arr[0]) - 1] + " " + arr[2]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2 August (D/M)
var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[1] + " " + months[parseInt(arr[0]) - 1]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2 Aug (D/M)
var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[1] + " " + months[parseInt(arr[0]) - 1]);
Current date format: 8/2/2018 (M/D/Y)
New date format: 2018/8/2 (Y/M/D)
var data = $('.date-text').text().replace(/\s/g,'');
var arr = data.split('/');
$(".date-text").html(arr[2] + "/" + arr[0] + "/" + arr[1]);
You're done! Publish your site to see your new blog post date format!
Need Help Installing This Tutorial?
Editor Tricks Web Design Services
Open
· Closes 5 PM
Closed
· Opens 7 AM
Recent Tutorial Comments
