MediaWiki:DateTimezones.js - Revision history

Couchor at 08:44, 15 October 2023

2023-10-15T08:44:47Z

← Older revision		Revision as of 08:44, 15 October 2023
Line 27:		Line 27:
	let dateStr = element.textContent.trim();		let dateStr = element.textContent.trim();
	if ( dateStr == '' ) {		if ( dateStr == '' ) {
	element.innerHTML = 'TBD'		element.innerHTML = 'Date - TBD'
	} else {		} else {
	const { userTimezone, visitorDate, visitorTime, timeZoneOffset } = convertUTCtoVisitorTime(dateStr);		const { userTimezone, visitorDate, visitorTime, timeZoneOffset } = convertUTCtoVisitorTime(dateStr);

Couchor at 08:43, 15 October 2023

2023-10-15T08:43:10Z

← Older revision		Revision as of 08:43, 15 October 2023
Line 25:		Line 25:
	// Loop through each element		// Loop through each element
	dateElements.forEach(element => {		dateElements.forEach(element => {
	~~const utcTime~~ = element.textContent.trim(); ~~// Assuming the content is in "YYYY-MM-DD HH:mm" UTC format~~		let dateStr = element.textContent.trim();
	const { userTimezone, visitorDate, visitorTime, timeZoneOffset } = convertUTCtoVisitorTime(~~utcTime~~);		if ( dateStr == '' ) {
	// Update the element content with visitor's time and timezone abbreviation		element.innerHTML = 'TBD'
	element.innerHTML = `${visitorDate} - <abbr title="${userTimezone} - UTC${timeZoneOffset > 0 ? '+' : ''}${timeZoneOffset}">${visitorTime}</abbr>`;		} else {
			const { userTimezone, visitorDate, visitorTime, timeZoneOffset } = convertUTCtoVisitorTime(dateStr);
			// Update the element content with visitor's time and timezone abbreviation
			element.innerHTML = `${visitorDate} - <abbr title="${userTimezone} - UTC${timeZoneOffset > 0 ? '+' : ''}${timeZoneOffset}">${visitorTime}</abbr>`;
			}
	});		});
	});		});

Couchor: Created page with "$(document).ready(function(){ // Function to convert UTC time to visitor's timezone function convertUTCtoVisitorTime(utcTime) { const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone; const utcDate = new Date(utcTime + " UTC"); // Ensure 'utcTime' includes 'UTC' to avoid browser timezone offset const visitorDate = utcDate.toLocaleString('en-GB', { timeZone: userTimezone, day: 'numeric', month: 'short', year: 'numeric' }).replace(/(\w{3}) (\d{..."

2023-10-09T18:09:31Z

Created page with "$(document).ready(function(){ // Function to convert UTC time to visitor's timezone function convertUTCtoVisitorTime(utcTime) { const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone; const utcDate = new Date(utcTime + " UTC"); // Ensure 'utcTime' includes 'UTC' to avoid browser timezone offset const visitorDate = utcDate.toLocaleString('en-GB', { timeZone: userTimezone, day: 'numeric', month: 'short', year: 'numeric' }).replace(/(\w{3}) (\d{..."

New page

$(document).ready(function(){
// Function to convert UTC time to visitor's timezone
function convertUTCtoVisitorTime(utcTime) {
const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
const utcDate = new Date(utcTime + " UTC"); // Ensure 'utcTime' includes 'UTC' to avoid browser timezone offset
const visitorDate = utcDate.toLocaleString('en-GB', {
timeZone: userTimezone,
day: 'numeric',
month: 'short',
year: 'numeric'
}).replace(/(\w{3}) (\d{4})/, '$1, $2');
const visitorTime = utcDate.toLocaleString('en-GB', {
timeZone: userTimezone,
hour: 'numeric',
minute: 'numeric',
hour12: false
});

const timeZoneOffset = (utcDate.getTimezoneOffset() / 60) * -1
return { userTimezone, visitorDate, visitorTime, timeZoneOffset };
}
// Select all elements with class .convert--date
const dateElements = document.querySelectorAll('.convert--date');

// Loop through each element
dateElements.forEach(element => {
const utcTime = element.textContent.trim(); // Assuming the content is in "YYYY-MM-DD HH:mm" UTC format
const { userTimezone, visitorDate, visitorTime, timeZoneOffset } = convertUTCtoVisitorTime(utcTime);
// Update the element content with visitor's time and timezone abbreviation
element.innerHTML = `${visitorDate} - <abbr title="${userTimezone} - UTC${timeZoneOffset > 0 ? '+' : ''}${timeZoneOffset}">${visitorTime}</abbr>`;
});
});