In my application, I would like to add a simple slider which allows the user to choose a time (for example HH:MM:SS) on a range of 20 to 30 minutes with an accuracy of 5-10 seconds.
But for now, the slider seems to accept only Float values. So I tried to use the date range slider with a fixed range of 5-10 seconds, but I have read that the DateRangeSlider is broken, and indeed it does not want to appear on my document.
I was wondering if it is possible to make a custom slider which would accept datetime values, or to use a simple Float slider (with seconds since epoch for example), and to format the text output to appear as a formatted time text (and not the real value of the slider).
Here is a possible render (hardly hacked : only the seconds are moving, the minutes and the hours are hard coded in the Slider title) :
Support for better sliders (including datetime and double ended sliders) is still an open issue on GitHub. It's a priority, but there are may priorities, and a small team. If you happen to have JS experience with using these libraries, we could certainly use additional help to clear some issues, are are always willing to help new contributors.
In my application, I would like to add a simple slider which allows the user to choose a time (for example HH:MM:SS) on a range of 20 to 30 minutes with an accuracy of 5-10 seconds.
But for now, the slider seems to accept only Float values. So I tried to use the date range slider with a fixed range of 5-10 seconds, but I have read that the DateRangeSlider is broken, and indeed it does not want to appear on my document.
I was wondering if it is possible to make a custom slider which would accept datetime values, or to use a simple Float slider (with seconds since epoch for example), and to format the text output to appear as a formatted time text (and not the real value of the slider).
Here is a possible render (hardly hacked : only the seconds are moving, the minutes and the hours are hard coded in the Slider title) :
