Как вывести дату и стилизовать select — option?

Question

[Андрей Иванов]

Как вывести выбор даты в option(select) и стилизовать потом это?

Использую только нативный javascript.
Код тут
Написал скрипт, но он выводит одно и то же число..

Comments

[DanKud]

Насколько я знаю на чистом CSS сам список вы стилизовать не сможете. Либо делайте кастомные списки - скрытый блок, который отображается и скрывается по клику соответственно. Либо если не принципиально использовать в проекте только нативный JS можно попробовать отличный плагин для JQuery - jQuery Form Styler

Answer 1

[Антон Неверов]

Одно и тоже число (оно же сегодняшнее) из-за того, что вы создаёте дату, а потом эту дату просто выводите 5 раз.

let date = new Date(); //Создали экземпляр Date с сегодняшней датой

option.innerHTML = date.getDate(); //Вставили сегодняшнюю дату

Моё решение - https://codepen.io/anon/pen/gQLxme , в самом конце свою строчку добавил с комментарием.

Comments

[Андрей Иванов]

Спасибо!

[Андрей Иванов]

Хочу по тому же принципу вывести день недели, но не получается, что не так подскажете ?

[Антон Неверов]

https://codepen.io/anon/pen/gQLxme - по анлогии можно так же месяц вывести.
Читайте описание класса Date: https://learn.javascript.ru/datetime

[Андрей Иванов]

Антон Неверов, Спасибо, щас буду пробовать так же вывести месяц!)