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