Всем привет, не подскажете как получить все значения дата атрибутов и сравнить их с текущей датой. Пытаюсь сделать слайдер, в котором вместо дотов будет дата, но надо,чтобы при загрузке страницы всегда была текущая дата.
Пока есть вот такой код
<div class="slider-nav">
<div data-date="2019-07-18" class="slider-nav__item">
<h3><span>18 июля</span></h3>
</div>
<div data-date="2019-07-28" class="slider-nav__item">
<h3><span>28 июля</span></h3>
</div>
<div data-date="2019-07-29" class="slider-nav__item">
<h3><span>29 июля</span></h3>
</div>
<div data-date="2019-07-30" class="slider-nav__item">
<h3><span>30 июля</span></h3>
</div>
<div data-date="2019-07-31" class="slider-nav__item">
<h3><span>31 июля</span></h3>
</div>
<div data-date="2019-08-01" class="slider-nav__item">
<h3><span>1 августа</span></h3>
</div>
</div>
Не совсем понимаю, как привести дату к требуемому виду и отобразить
var date = new Date;
var res = date.toISOString().slice(0,10).replace(/-/g,"");
console.log(date);
console.log(res)
var item = $('.slider-nav__item').attr('data-date');
console.log(item);