如何使用jQuerymobile插件——Mobiscroll
Mobiscroll是一款手機(jī)的日期控件，相當(dāng)于PC端的my97datepicker,雖然說(shuō)my97datepicker在移動(dòng)端也能使用，但是總感覺(jué)看起來(lái)不太好啦，廢話不多說(shuō)，開(kāi)始看看Mobiscroll怎么使用吧
首先讓大家看看Mobiscroll的界面是什么樣的
，是不是很像鬧鐘呀？這種效果是怎么做出來(lái)的呢？
站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到江油網(wǎng)站設(shè)計(jì)與江油網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類(lèi)型包括：網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋江油地區(qū)。
先下載Mobiscroll，然后把其中的css和js文件導(dǎo)入，注意：圖片要和css在同一個(gè)目錄下，不然會(huì)找不到的
當(dāng)然，都說(shuō)了是移動(dòng)端的插件，肯定不要忘記導(dǎo)入jQuery Mobile中的文件啦，具體要導(dǎo)入的文件如下
，好啦，文件引入完全啦，空間代碼：
Select Date:
還沒(méi)完呢，還要初始化日期控件
$(document).ready(function(){
$('input:jqmData(role="datebox")').mobiscroll().date();
});
當(dāng)然，這個(gè)還不能滿足我們中國(guó)人的使用，要是想習(xí)慣我們中國(guó)人的習(xí)慣，還是要加上一下代碼
$(document).ready(function(){
var opt = {
preset: 'date', //日期
display: 'modal', //顯示方式
dateFormat: 'yy-mm-dd', // 日期格式
setText: '確定', //確認(rèn)按鈕名稱
cancelText: '取消',//取消按鈕名籍我
dateOrder: 'yymmdd', //面板中日期排列格式
dayText: '日', monthText: '月', yearText: '年', //面板中年月日文字
endYear:2020 //結(jié)束年份
};
$('input:jqmData(role="datebox")').mobiscroll().date(opt);
});
這樣的話就適合中國(guó)人使用啦，啊哈哈！
當(dāng)前題目：如何使用jQuerymobile插件——Mobiscroll
標(biāo)題鏈接：
http://weahome.cn/article/pdisgg.html
重慶分公司
重慶分公司
