jQuery Mobile 好用的日期选择plugin - DateBox
时间:2014-12-16 10:30 来源: 我爱IT技术网 作者:微风
jQuery Mobile 好用的日期选择plugin - DateBox
提供许多种日期、时间的UI介面，有支援中文。
官网在http://dev.jtsage.com/jQM-DateBox/
下载URL：http://dev.jtsage.com/jQM-DateBox/demos/install.html
在jQuery Mobile的网页中，在Input中直接设置data-role与mode：
<input type="date" data-role="datebox" data-options='{"mode": "calbox"}'>
执行时，只要点击文字方块后方的图标icon，就会显示月历
范例：
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta name="viewport" content="width=device-width, initial-scale=1" /><link href="Content/jquery.mobile-1.3.1.min.css" rel="stylesheet" /><link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" /></head><body><div data-role="page" id="Page1"><div data-role="header" data-position="fixed"><h1>jQuery Mobile</h1></div><!-- /header --><div data-role="content"><input type="date" data-role="datebox" data-options='{"mode": "calbox"}'></div><!-- /content --><div data-role="footer" data-position="fixed"><h4>?Copyright 2012 Tony & Vivid </h4></div><!-- /footer --></div><script src="Scripts/jquery-2.0.2.js"></script><script></script><script src="Scripts/jquery.mobile-1.3.1.min.js"></script><script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script><script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script><script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.zh-TW.utf8.js"></script><script></script></body></html>
本文作者：米米猫
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-