var?weekfn?=?new?jcalendar_week({
邵武ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:13518219792(備注:SSL證書合作)期待與您的合作!
element:?"#jcalendar_week",?//填充日歷的dom元素
dayaddclass:?function(date)?{
//添加某天時(shí)給添加類名(參數(shù):1.日期)(返回類名字符串,多個(gè)以空格分開)
return?"";
},
dayclick:?function(date,?obj)?{
//day點(diǎn)擊事件(參數(shù):1.日期,2.所點(diǎn)擊DOM元素)
$(obj).addClass("calendar_day_act").siblings().removeClass("c
alendar_day_act?");
}
});
日歷插件:
在頁面開發(fā)中,經(jīng)常遇到需要用戶輸入日期的操作。通常的做法是,提供一個(gè)文本框,讓用戶輸入,然后,編寫代碼驗(yàn)證輸入的數(shù)據(jù),檢測其是否是日期型。這樣比較麻煩,同時(shí),用戶輸入日期的操作也不是很方便,影響用戶體驗(yàn)。如果使用jQuery UI 中的datepicker日歷插件,這些問題都可以迎刃而解。該插件調(diào)用的語法格式如下:
$(".selector").datepicker(options);
其中".selector" 表示DOM元素,一般指文本框,由于該插件的作用是提供日期選擇,因此,常與一個(gè)文本框綁定,將選擇后的日期顯示在該文本框中。選項(xiàng)options是一個(gè)對(duì)象。
下面是一些參數(shù):
changeMonth 設(shè)置一個(gè)布爾值,如果為true,則可以在標(biāo)題處出現(xiàn)一個(gè)下拉選擇框,可以選擇月份,默認(rèn)值為false
changeYear 設(shè)置一個(gè)布爾值,如果為true,則可以在標(biāo)題處出現(xiàn)一個(gè)下拉選擇框,可以選擇年份,默認(rèn)值為false
showButtonPanel 設(shè)置一個(gè)布爾值,如果為true, 則在日期的下面顯示一個(gè)面板,其中有兩個(gè)按鈕;一個(gè)為“今天”,另一個(gè)按鍵為“關(guān)閉”,默認(rèn)值為false,表示不顯示。
closeText 設(shè)置關(guān)閉按鈕上的文字信息,這項(xiàng)設(shè)置的前提是,showButtonPanel的值必須為true,否則顯示不了效果。
dateFormat 設(shè)置顯示在文本框中的日期格式,可設(shè)置為{dateFormat:'yy-mm-dd'},表示日期的格式為 年-月-日,如2012-10-1.
defaultDate 設(shè)置一個(gè)默認(rèn)日期值,如{defaultDate:+7}, 表示,彈出日期選擇窗口后,默認(rèn)的日期是在當(dāng)前日期加上7天
showAnim 設(shè)置顯示彈出或隱藏日期選擇窗口的方式??梢栽O(shè)置的方式有,“show"、"slideDown"、"fadeIn“,或者為"", 表示沒有彈出日期選擇窗口的方式。
showWeek 設(shè)置一個(gè)布爾值,如果為true,則可以顯示每天對(duì)應(yīng)的星期,默認(rèn)值為false
yearRange 設(shè)置年份的范圍,如{yearRange:'2000:2010'},表示年份下拉列表框的最小值為2000年,最大值為2010年,默認(rèn)值為c-10;c+10,當(dāng)前年份的前后10年。
如上面朋友所說,將它們放進(jìn)一個(gè)div盒子里,div的寬高與文本框相等,日歷用絕對(duì)定位,這樣應(yīng)該可行;
適當(dāng)延時(shí)下日歷隱藏的時(shí)機(jī),如在鼠標(biāo)離開文本框時(shí),彈出一個(gè)定時(shí)器(定時(shí)隱藏日歷),如果鼠標(biāo)進(jìn)入文本框或者進(jìn)入日歷時(shí),取消定時(shí)器;
當(dāng)鼠標(biāo)離開文本框或者日歷時(shí),再次觸發(fā)定時(shí)器;
當(dāng)點(diǎn)擊日歷中的日期或者點(diǎn)擊非日歷/文本框部分時(shí),立即隱藏日歷;
//時(shí)間
$('.datetimepicker').datetimepicker({
format : "yyyy-mm-dd hh:ii:ss",
language : 'zh-CN',
minView : 0,
autoclose: true,
todayBtn : true,
clearBtn : true
});
jqueryui默認(rèn)顯示的是英文的日期格式,可以通過插件設(shè)置為顯示中文的方式,如下是設(shè)置顯示中文的代碼:
$((function($){
$.datepicker.regional['zh-CN'] = {
clearText: '清除',
clearStatus: '清除已選日期',
closeText: '關(guān)閉',
closeStatus: '不改變當(dāng)前選擇',
prevText: '上月',
prevStatus: '顯示上月',
prevBigText: '',
prevBigStatus: '顯示上一年',
nextText: '下月',
nextStatus: '顯示下月',
nextBigText: '',
nextBigStatus: '顯示下一年',
currentText: '今天',
currentStatus: '顯示本月',
monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],
monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],
網(wǎng)頁標(biāo)題:jquery日歷,jquery日歷插件
網(wǎng)址分享:http://jinyejixie.com/article30/dsdgsso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、電子商務(wù)、網(wǎng)頁設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、營銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)