jQuery移动端时间选择插件

 查看演示  website  立即下载

使用方法

1、引用文件：

<link rel="stylesheet" href="./css/mobileSelect.css" /> 
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="./js/mobileSelect.js"></script> 
<script type="text/javascript" src="./js/selectDate.js"></script>

2、html

<ul class="list">
     选择 YYYY-MM-DD格式： 
   <input type="text" id="select_0" readonly   /> 
   <br />
   <br />
   <br />
    选择 YYYY-MM格式： 
   <input type="text" id="select_1" readonly   /> 
   <br />
   <br />
   <br /> 选择 YYYY-MM格式（有至今选项）： 
   <input type="text" id="select_2" readonly data-type="end"   /> 
   <br />
   <br />
   <br /> 选择 YYYY格式： 
   <input type="text" id="select_3" readonly   /> 
   <br />
   <br />
   <br /> 
    选择 HH-MM格式： 
   <input type="text" id="select_4" readonly   /> 
   <br />
   <br />
   <br /> 
    选择 HH-MM-SS格式： 
   <input type="text" id="select_5" readonly   /> 
   <br />
   <br />
   <br />
   <input type="text" id="select_6" readonly data-value="" value="" /> 
   <input type="button" value="查看值" onclick="showValue()" /> 
  </ul>

3、方法调用：

$.selectYY_MM_DD("#select_0"); //选择 YYYY-MM-dd 格式的调用 
$.selectDate_YM("#select_1"); //选择 YYYY-MM 格式的调用
$.selectDate_YM_END("#select_2"); //选择 YYYY-MM格式（有至今选项）的调用
$.selectDate_Y("#select_3");  //选择 年份格式的调用   
$.select_HH_MM("#select_4");  //选择时分格式
$.select_HH_MM_SS("#select_5");//选择时分秒格式

PREVIOUS:
NEXT:
jQuery替代浏览器自身的title插件jcTitle
jQuery扑克牌翻牌小游戏