jQuery Mobile 是 jQuery 团队开发的一个适用于移动端的 UI 框架,其提供了丰富的组件和主题,方便我们开发适用于移动设备的网站和应用。其中,时间控件是比较重要的组件之一,在移动设备上选择时间相当方便。
在使用 jQuery Mobile 的时间控件时,需要引入相应的 CSS 和 JS 文件,如下所示:
<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css"> <script src="jquery-1.11.1.min.js"></script> <script src="jquery.mobile-1.4.5.min.js"></script>
接着,在页面中声明一个 input 元素即可使用时间控件,如下所示:
<input type="time" name="time" id="time" value="">
值得注意的是,时间控件只能用于 input 元素类型为 "time" 的元素上。
jQuery Mobile 的时间控件对于大多数移动设备是支持的,因此可以放心使用。