Как рассчитать разницу между двумя датами Javascript?

Question

[Drover28]

<ul type="none">
	<li class="field onmarket-date">
		<span class="field-name">OnMarket Date: </span>
		<span class="field-value">06/17/2021</span>
	</li>
	<li class="field date-listed">
		<span class="field-name">Date Listed: </span>
		<span class="field-value">06/17/2021</span>
	</li>
</ul>

Во второй ЛИ-шке надо поменять название класса и заменить дату на количество дней (с заданной по сегоднешню).
Пробовал вот так, но застрял на месте, где ее надо вытащить из спана. Подскажите, пожалуйста, как мне это сделать?
Или может будет проще сделать это на jQuery?

function daysOnMarket() {
			var li = document.getElementsByClassName("date-listed")[0];
			var newLi = document.getElementsByClassName("date-listed")[0];
			var days = Math.floor((new Date() - Дата_из_span)/(24 * 60 * 60 * 1000));
			newLi.insertAdjacentHTML('afterend', '<li class="field days-on-market"><span class="field-name">Days on market: </span><span class="field-value">' + days + ' day(s)' + '</span></li>');
			var li = document.getElementsByClassName("date-listed")[0];
			li.remove();
		}
		daysOnMarket();

Comments

[Вадим]

А Вы уверены что хотите это на клиенте решать?
new Date() - возвращает дату относительно текущего времени на устройстве пользователя. Если у него будет не настроено время, или намеренно настроено другое - то расчёты будут не соответствовать действительности.

[Сергей Сергей]

Первое, что придумалось
new Date( '06/17/2021' )

далее
new Date('06/17/2021') - new Date('06/15/2021')

[Drover28]

Сергей Сергей, беда в том, что дата в разньіе спаньі всегда разная. Она меняется динамически и для каждого товара она разная..

[Сергей Сергей]

Строку заменить на переменную?

[Drover28]

Вадим, попросили костьільно, кастомньім JS-сом добавить... не мне решать, где и как это изменять.

[Drover28]

Сергей Сергей, вопрос как раз в том, как мне записать эту строку в переменную

[Сергей Сергей]

Я бы сматерился, но тут нельзя.

вопрос как раз в том, как мне записать эту строку в переменную

Это новый вопрос.

Answer 1

[Drover28]

Решил сам:

function daysOnMarket() {
	var li = document.getElementsByClassName("date-listed")[0];
	var newLi = document.getElementsByClassName("date-listed")[0];
	var oldDate	= document.querySelector(".onmarket-date .field-value").innerText.replace(/(\d{2})\/(\d{2})\/(\d{4})/g, '$3-$1-$2');
	var days = Math.floor((new Date() - new Date(oldDate))/(24 * 60 * 60 * 1000));
	newLi.insertAdjacentHTML('afterend', '<li class="field days-on-market"><span class="field-name">Days on market: </span><span class="field-value">' + days + ' day(s)' + '</span></li>');
	li.remove();
}
daysOnMarket();