Sélecteur de date
Un composant de sélection de date avec calendrier déroulant. Prend en charge les modes de sélection de date unique et de plage de dates. Inclut les contraintes de date min/max, le format d'affichage configurable et les options de jour de début de semaine. Fonctionne avec le form builder Rails ou en autonome.
Aperçu et code
_datepicker.html.erb
███
██████████ █████████ ████████ ██████
██████
████ ███████ █████
███ ██████ ████████████████████████ █████ ██ ██████████ ████████████ ██████ ██████ █████ ██
██████████ █████
███ ██████ ████████████████████████ █████ █████████████ ██████ ██████ █████ ██
datepicker_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████████ ███████████ ████████████ ███████ █████████████ ███████████
██████ ██████ █ █
███████ █ █████ ███████ ████████ ████████████ ██
█████ █ █████ ███████ ████████ ████████ ██
████████ ███████
████████ ███████
██████████ █ █████ ███████ ████████ ████████ ██
datepicker_component.html.erb
████ ██████████ █████████████████ ███ ███ ████████████████████ ████████████████ ███
███ █████ ██
██ ██ ███████████████████ ██
██████ ████████ ████████ ███ ██████████ █████████████ ████
███ ██████████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
datepicker_component.rb
█ ██████████████████████ ████
█████ ███████████████████ █ ███████████████████
███ ███████████
█████ ████
██████████ ████
█████ ████
██████ ████
██████ ████
█████ ████
datepicker_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████████ ███████████ ████████████ ███████ █████████████ ███████████
██████ ██████ █ █
███████ █ █████ ███████ ████████ ████████████ ██
█████ █ █████ ███████ ████████ ████████ ██
████████ ███████
████████ ███████
██████████ █ █████ ███████ ████████ ████████ ██
Journal des modifications
- 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
Obtenir l'accès complet
Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.
Obtenir l'accès maintenant