jquery仿蘋(píng)果的時(shí)間/日期選擇效果
更新時(shí)間：2017年03月08日 14:23:47 作者：小結(jié)巴巴吧
本篇文章主要介紹了jquery仿蘋(píng)果的時(shí)間/日期選擇效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
1.html文件，index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./jquery-1.12.4.min.js"></script>
<script src="./pickDater.js"></script>
<style>
body{position: absolute;width: 100%;height: 100%}
ul{list-style: none;margin: 0}
</style>
</head>
<body>
<input id="pickDater" style="font-size: 50px;">
</body>
</html>
查看效果時(shí)候把瀏覽器調(diào)成手機(jī)模式
2.插件 鏈接地址：http://files.cnblogs.com/files/jiebba/pickDater.js ,
引用插件
3.調(diào)用插件
1.調(diào)用 日期
var opt={
startY:1990, //開(kāi)始時(shí)間
endY:2050, //結(jié)束事件
mPickerType:1,
separator:'/' //日期分割符
}
$('#pickDater').mPickDater(opt);
2.調(diào)用 時(shí)間
var opt={
startY:1990, //開(kāi)始時(shí)間
endY:2050, //結(jié)束事件
mPickerType:2,
separator:'/' //日期分割符
}
$('#pickDater').mPickDater(opt);
3.調(diào)用 日期和時(shí)間
var opt={
startY:1990, //開(kāi)始時(shí)間
endY:2050, //結(jié)束事件
mPickerType:3,
separator:'/' //日期分割符
}
$('#pickDater').mPickDater(opt);
代碼僅供參考，具體功能可以自己擴(kuò)展。
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
jQuery實(shí)現(xiàn)滑動(dòng)tab選項(xiàng)卡
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)滑動(dòng)tab選項(xiàng)卡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
本文主要分享了jQuery實(shí)現(xiàn)文檔樹(shù)效果的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
在京東商城瀏覽時(shí), 會(huì)發(fā)現(xiàn)產(chǎn)品圖片只顯示了一屏, 當(dāng)頁(yè)面向下滾動(dòng)時(shí)下面的產(chǎn)品圖片才逐漸加載.2010-06-06
jquery+ajax實(shí)現(xiàn)上傳圖片并顯示上傳進(jìn)度功能【附php后臺(tái)接收】
這篇文章主要介紹了jquery+ajax實(shí)現(xiàn)上傳圖片并顯示上傳進(jìn)度功能,結(jié)合實(shí)例形式分析了jQuery+ajax結(jié)合layer.js插件與php后臺(tái)交互,實(shí)現(xiàn)顯示上傳進(jìn)度的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了jQuery中的val()的使用,需要的朋友可以參考下2014-02-02
jQuery實(shí)現(xiàn)table中兩列CheckBox只能選中一個(gè)的示例
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)table中兩列CheckBox只能選中一個(gè)的示例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
這篇文章主要介紹了Jquery 在頁(yè)面加載后執(zhí)行的幾種方式,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了jQuery Mobile自定義標(biāo)簽的相關(guān)資料,需要的朋友可以參考下2016-01-01
Jquery Easyui選項(xiàng)卡組件Tab使用詳解（10）
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui菜單組件Menu的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
jquery formValidator插件ajax驗(yàn)證 內(nèi)容不做任何修改再離開(kāi)提示錯(cuò)誤的bug解決方法
query formValidator插件非常好用，但是有一個(gè)嚴(yán)重的Bug，在使用ajax驗(yàn)證的時(shí)候，如果輸入框的內(nèi)容已經(jīng)存在，把鼠標(biāo)放到輸入框，不做任何修改再離開(kāi)，則會(huì)提示錯(cuò)誤,很是郁悶2013-01-01