top of page
How to create formatted dates
PROJECTS USED
TAGS
SUITABLE FOR
Editor X, Classic editor
ABOUT
Using the Wix Blog? Learn how to change the format of the date on your posts, to match the style on your site.
Layout
01. Add a repeater with one list item
02. Add a text element
Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.
Database
01. Add a collection to the site
02. Add a "date" field
03. Turn on the “include time" field
04. Add a dataset to the page
05. Connect a repeater to the dataset
Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.
Velo
01. Turn on Dev Mode
02. Paste "OnReady()" code
03. Paste "setDate" function
04. Add element IDs (“myRepeater” and “dateText”)
$w.onReady(function () {
$w("#myRepeater").onItemReady(($item, itemData, index) => {
let dateUnformated = itemData.date;
$item('#dateText').text = setDate(dateUnformated);
});
});
function setDate(d) {
const year = d.getFullYear();
const month = ('0' + (d.getMonth() + 1)).slice(-2); // set to 2 digit
const day = ('0' + d.getDate()).slice(-2); // set to 2 digit
const newDate = `${day}/${month}/${year}`;
return newDate;
}HAVING TROUBLE?
Contact our VIP support channel at vip@support.wix.com and our team will contact you within 24 hours.
MORE HOW TO'S
bottom of page