香草JS中的时间选择器模块
#javascript #module #timepicker #vanillatimepick

我在设计基于Web的应用程序时遇到了时间挑选问题。互联网上有几种类型的时间和日期选择器可用,但没有找到任何香草JS和零依赖性软件包。所有软件包都需要NPM依赖性。因此,我决定创建一个新的模块。它是根据您的设计完全定制的。

ð¥usage在您的html文件中

    <input type="text" id="timePick" value="08:06:04">

    <input type="text" class="timePicker"/>
    <input type="text" class="timePicker"/>
    <input type="text" class="timePicker"/>

    <script src="./time-pick.js"></script>
    <script>
        var timepicker = new TimePick('#timePick');
        var timepickerz = new TimePick('.timePicker');
    </script> 

我将附加GitHub存储库链接。如果您喜欢使用它。通常欢迎您的建议和贡献。

Github Repo: https://github.com/Katheesh/TimePick.js

如果您是网页设计师/开发人员,现在您不需要此书签或标记它。它将用于您!

Image description

ð祝你有美好的一天。