移动终端的Javascript日期时间拾取

这是一个小网站的移动设备应用程序的日期和时间,日期选择器,我们通常使用jQuery UI datepicker插件桌面版和手机版的皮卡日期可根据项目和jQuery移动与mobiscroll.js插件需要选择,它提供了友好的操作界面选择的日期和时间。易于配置和使用。


HTML

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











然后将输入框放在正文中,这是一个纯文本输入框。当鼠标点击输入框,把光标,它会引发mobiscroll弹出日期拾取器。








Javascript

mobiscroll提供了许多选项来设置,包括定义弹出面板的显示方法,最大日期,最小的日期,日期格式,结束了一年,等,并定位插件,包括设立中国按钮和指示。电话也很简单,以下是示例代码:




$(函数(){())
var
预设:'date, / /日期
主题:'sense-ui, / /皮肤风格
显示:'modal ' / /显示模式
模式:'scroller ' / /日期选择模式
DateFormat:'yy-mm-dd ' / /日期格式
setText:'确定'按钮, / /名字
canceltext:'取消' / /取消按钮我的名字
DateOrder:'yymmdd ' / /面板的日期格式
DayText:'对' monthtext:',' yeartext:月、年 / /日期面板文本
hourtext:'时间',minutetext:亚
endYear:2020 / /年底
};
$(#日期),Mobiscroll()戴特(OPT);
});



只要选择时间,就可以这样写:




$(#时间)。Mobiscroll()时间(OPT);



如果要在面板上显示日期和时间,则调用是:




$(# DateTime)。Mobiscroll()的时间(选择);


源代码下载:适合移动端数据拾取的Javascript

一个简单和慷慨的Javascript的移动日期日期拾取完成,我希望你喜欢它。