Fast Select plugin for Flatpickr
npm install flatpickr-fast-selectThe Flatpickr Fast Select plugin extends the functionality of Flatpickr by allowing quick selection of a single date using predefined shortcuts.
!Screenshot of Flatpickr Fast Select plugin
To use the Fast Select plugin, you need to include both Flatpickr and the plugin file in your project. You can install them using npm, jsdelivr or include the files manually in your project.
``bash`
npm install flatpickr
npm install flatpickr-fast-select-plugin
`
`
`
`
``
var fp = flatpickr("#myDatePicker", {
// other Flatpickr options
plugins: [fastselectPlugin()],
});
The predefined shortcuts allow quick selection of common dates like "Today", "Tomorrow", "Next week", "Next month" and "Next year". When a shortcut is clicked, the corresponding date will be selected.
You can also customize the shortcuts and their actions by passing a configuration object to the plugin.
```
var fp = flatpickr("#myDatePicker", {
// other Flatpickr options
plugins: [new fastselectPlugin({
shortcut: [
{ text: 'Last year', value: [ new Date(new Date().getTime() - 365 24 60 60 1000) ] },
{ text: 'Last month', value: [ new Date(new Date().getTime() - 30 24 60 60 1000) ] },
{ text: 'Last week', value: [ new Date(new Date().getTime() - 7 24 60 60 1000) ] },
{ text: 'Yesterday', value: [ new Date(new Date().getTime() - 24 60 60 * 1000) ] },
{ text: 'Today', value: [ new Date(new Date()) ] },
{ text: 'Tomorrow', value: [ new Date(new Date().getTime() + 24 60 60 * 1000) ] },
// ...
],
})],
});