Как сделать календарь событий?

Question

[Валерий Витальевич]

Как реализовать или где почитать, возможно пример есть. Вот такого плана как на скринах. По сути это задача с указанием окончания времени выполнения. Что бы можно было добавить уведомления о том что задача не выполнена.
Натолкните на мысль.

Comments

[Дмитрий]

А в каком моменте не понятно?
Есть форма, есть база данных, куда пишется информация, пару тройку роутов и простой круд

[Валерий Витальевич]

Дмитрий, не понятно с самой датой, возможно есть какой-то мануал нормальный. Или может пример какой-то есть.

[Дмитрий]

Валерий Витальевич, ну думаю есть пару сотен плагинов на жс с выпадающим календарем, в базе хранить в типе для даты, можно и в таймстамп

[Максим Федоров]

для календаря можете взять любой из тысяч реализаций календаря для вашего фреймворка
если без фреймворка делаете самописные костыли, то можете взять реализацию на jquery

на tailwind: https://tailwindui.com/components/application-ui/d...
html/css: https://codepen.io/maheshambure21/pen/VYJQYG
голый html/js на бустрапе:

react:
https://mui.com/x/react-date-pickers/date-calendar/
https://mui.com/x/react-date-pickers/date-picker/

angular:
https://taiga-ui.dev/components/calendar
https://taiga-ui.dev/components/input-date

jquery:
https://www.jqueryscript.net/time-clock/event-cale...

Answer 1

[Дмитрий]

Можно даже без плагина - для инпута пропишите type=date, и там еще дополнительные html5 атрибуты есть. Будет нативный браузерный календарь.