Selettore data
Un componente di selezione data con dropdown calendario. Supporta le modalità di selezione data singola e intervallo di date. Include vincoli di data minima/massima, formato di visualizzazione configurabile e opzioni per il giorno di inizio settimana. Funziona con il form builder di Rails o in modo autonomo.
Anteprima e Codice
_datepicker.html.erb
███
██████████ █████████ ████████ ██████
██████
████ ███████ █████
███ ██████ ████████████████████████ █████ ██ ██████████ ████████████ ██████ ██████ █████ ██
██████████ █████
███ ██████ ████████████████████████ █████ █████████████ ██████ ██████ █████ ██
datepicker_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████████ ███████████ ████████████ ███████ █████████████ ███████████
██████ ██████ █ █
███████ █ █████ ███████ ████████ ████████████ ██
█████ █ █████ ███████ ████████ ████████ ██
████████ ███████
████████ ███████
██████████ █ █████ ███████ ████████ ████████ ██
datepicker_component.html.erb
████ ██████████ █████████████████ ███ ███ ████████████████████ ████████████████ ███
███ █████ ██
██ ██ ███████████████████ ██
██████ ████████ ████████ ███ ██████████ █████████████ ████
███ ██████████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
datepicker_component.rb
█ ██████████████████████ ████
█████ ███████████████████ █ ███████████████████
███ ███████████
█████ ████
██████████ ████
█████ ████
██████ ████
██████ ████
█████ ████
datepicker_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████████ ███████████ ████████████ ███████ █████████████ ███████████
██████ ██████ █ █
███████ █ █████ ███████ ████████ ████████████ ██
█████ █ █████ ███████ ████████ ████████ ██
████████ ███████
████████ ███████
██████████ █ █████ ███████ ████████ ████████ ██
Registro delle modifiche
- Initial release with single date and range selection modes
- Configurable date format display
- Min/max date constraints
- Week start day option (Sunday or Monday)
- Dark mode support
- Form builder and standalone modes
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora