時間帯を選ぶ時に、スライダーで入力したいので、timeslider.jsを使う。

ECサイトの構築をしていると、配送時間でもっといい入力方法はないかなと考えることがある。

たとえば、12時とか14時とかいう時間帯指定ではなく
・10時～18時
・10時～12時以外ならいつでも
なんて指定をしたい人は多いけれど、そういう指定の仕方はできない。

結局、備考欄に書かなきゃいけないわけだけど、要はデータとして情報を持っていればいいので、それを入力できるスライダーはないかな…と探していて見つけたのが「timeslider.js」。



こんな感じのスライダーなんだけど、なんと、作ったのが日本人ということで、ちょっと感動。

サイトはこちらから

「いまいち「コレッ！」っていうのが見あたらなかったので作ってみました。」というコメントにもあるとおり、ネットで探してみると、本当にこれというのが見当たらないので、助かりました。

これは使いにくい

これはシンプルすぎ？


あとは、この記事を参考に自作してみるとかね。