javascript适用于移动日期和时间选择器

这是一个适用于移动设备的WEB应用的日期和时间选择器。在桌面版的datepicker中，我们一般使用jQuery UI的datepicker插件，而移动版的date picker可以根据项目需求选择与jQuery Mobile合作的mobiscroll.js插件，提供了友好的日期和时间选择操作界面，易于配置和使用。

首先，我们加载HTML相关的插件和样式文件。这个插件是基于jQuery和jQuery.mobile的，所以我们需要先加载这两个库文件，然后再加载mobiscroll.js插件和相关的CSS文件。

script src=' http : js/jquery . min . js '/script script src=' http : js/jquery . mobile-1 . 3 . 0 . min . js '/script script src=' http : js/mobiscrl ' type=' text/JavaScript '/script link href=' CSS/mobiscll . custom-2 . 5 . 0 . min . CSS ' rel='样式表' type=' text/CSS '/然后当鼠标点击输入框获取光标时，

input id=' date ' name=' date '/JavaScript mobiscroll提供了很多选项可以设置，包括定义弹出面板的显示模式、最大日期、最小日期、日期格式、结束年份等。它还可以本地化插件，包括设置中文按钮和描述。打电话也很简单。下面是示例代码：

$(function(){ varopt={ preset : ' date '，//date theme: 'sense-ui '，//皮肤样式显示： 'modal '，//显示模式模式： 'scroller '，//日期选择模式dateFormat: 'yy-mm-dd '，//日期格式setText: ' ok '，//确认按钮名称cancelText: ' cancel '，//取消按钮名称为my dateOrder: 'yymmdd '$('#date ')。mobiscroll()。日期(选择)；});如果你只选择时间，你可以这样写：

$('#time ')。mobiscroll()。时间(可选)；如果您想在面板上显示日期和时间，请致电：

$('#datetime ')。mobiscroll()。datetime(opt)；javascript适合移动日期和时间选择器。

一款简单大方的适合移动终端的javascript日期/时间选择器已经完成，希望大家喜欢。