There is a nice library for picking dates called Picker.js https://fengyuanchen.github.io/pickerjs/
I have an input form (LABEL + INPUT) in item-form.html page which is routed in my-app.js
This is the
- in input form in item-form.html page which I want the user be able to input the date with Picker.js library,`
And in my-app.js I wrote this code:$$(document).on(‘page:init’, ‘.page[data-name=“item-form”]’, function (e) {
// Do something here when page with data-name=“about” attribute loaded and initialized
var pickerInline = app.picker.create({ });
var input = document.getElementById(’#box1’);
var picker = new Picker(input, {
container: document.querySelector(’.picker-container’),
format: ‘YYYY/MM/DD’,
});And this is the result
But I want it to look like this, but how?
I tried using many other similar libraries (like AnyPicker and F7 own built in pick component) but all of them didn’t show and worked correctly at all