rolldate Multi-format, powerful mobile date selection plugin
npm install rolldate-fulljs
import Rolldate from 'rolldate'
new Rolldate({
el:'#date'
})
`
$3
`js
var Rolldate = require('rolldate');
new Rolldate({
el:'#date'
})
`
$3
`js
require(['rolldate'],function(Rolldate){
new Rolldate({
el:'#date'
})
})
`
$3
`js
seajs.use('rolldate',function(undefined){
new Rolldate({
el:'#date'
})
});
`
$3
| name | Required | Defaults | Description |
|-------------|----------|----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| el | No | null | The plugin's dom element is bound. The plugin uses document.querySelector internally.
You can also pass the dom element object directly. Only a single dom element is supported. |
| format | No | 'YYYY-MM-DD' | Date format, unlimited. Rule: year-YYYY month-MM day-DD hour-hh minute-mm second-ss separated by /,-, space,:, can be combined at will |
| typeMonth | No | 'numeric' | shows the text value of the month. Values: 'numeric','text' (default 'numeric') |
| localeMonth | No | | textual names of the months to be displayed in the month column. Depends on typeMonth = 'text'. Сan be a string or an array. Example: "January_February_March_April_May_June_July_August_September_October_November_December" or ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"] |
| beginYear | No | 2000 | date start year |
| endYear | No | 2100 | date end year |
| value | No | null | The default value for date initialization, such as '2018-03-18' |
| lang | No | Year, month, day ... | Configure plugin language, default: title: 'Select date', cancel: 'Cancel', confirm: 'Confirm',
year: 'year', month: ' Month ', day:' day ', hour:' hour ', min:' minute ', sec:' second ' |
| minStep | No | 1 | Minutes are separated by specified number |
| init | No | null | Callback function before plugin trigger, return false can prevent plugin execution |
| moveEnd | No | null | Callback function after plugin scroll, function returns a parameter (better-scroll instance) |
| confirm | No | null | The callback function before the confirmation button is triggered, return false can prevent the plugin from executing,
return other values to modify the date, the function returns a parameter (the selected date) |
| cancel | No | null | Callback function triggered when the plugin cancels |
| trigger | No | 'tap' | By default, tap is used to resolve the 300ms delay of mobile click events. You can select tap to replace tap. Note that using tap will prevent other bound click events from firing |
| show | No | none | active trigger plugin, when trigger is tap, active trigger plugin should use this method |
| hide | No | None | Proactively hide plugins |
$3
`js
let rd = new Rolldate({
el: '#date',
format: 'YYYY-MM-DD',
beginYear: 2000,
endYear: 2100,
minStep:1,
lang:{title:'Select date'},
trigger:'tap',
init: function() {
console.log('plugin start');
},
moveEnd: function(scroll) {
console.log('End of scroll');
},
confirm: function(date) {
console.log('OK button trigger');
},
cancel: function() {
console.log('Plug-in canceled');
}
});
rd.show();
rd.hide();
``