Jquery Easyui日歷組件Calender使用詳解（23）
更新時(shí)間：2016年12月18日 15:02:39 作者：Jsakura
這篇文章主要為大家詳細(xì)介紹了Jquery Easyui日歷組件Calender的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了Jquery Easyui日歷組件的實(shí)現(xiàn)代碼，供大家參考，具體內(nèi)容如下
加載方式
Class加載
<div id="box" class="easyui-calendar" style="width:200px;height:200px;"></div>
JS調(diào)用加載
<div id="box"></div>
<script>
$(function () {
//JS 加載調(diào)用
$('#box').calendar({
});
});
</script>
屬性列表
<script>
$(function () {
//JS 加載調(diào)用
$('#box').calendar({
width : 200,
height : 200,
fit : false,
border : false,
firstDay : 0,
weeks : ['S','M','T','W','T','F','S'],
months : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
'Sep', 'Oct', 'Nov', 'Dec'],
year : 2016,
month : 6,
current : new Date(2016,12,17),
});
});
</script>
事件列表
<script>
$(function () {
//JS 加載調(diào)用
$('#box').calendar({
width : 200,
height : 200,
onSelect : function (date) {
alert(date.getFullYear() + ":" + (date.getMonth() + 1) + ":"
+ date.getDate());
},
onChange : function (newDate, oldDate) {
alert(newDate + '|' + oldDate);
},
});
});
</script>
方法列表
//返回屬性對象
console.log($('#box').calendar('options'));
//調(diào)整日歷大小
$('#box').calendar('resize');
//移動(dòng)到指定日期
$('#box').calendar('moveTo', new Date(2015,1,1));
//可以使用$.fn.calendar.defaults 重寫默認(rèn)值對象。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR錯(cuò)誤
今天測試偶然發(fā)現(xiàn)jquery.bgiframe.js在IE9環(huán)境下提示錯(cuò)誤，于是很是好奇，想辦法知道究竟，于是搜索了一下，現(xiàn)在與大家分享希望可以幫助你們2013-01-01
jquery增加時(shí)編輯jqGrid(實(shí)例代碼)
jquery增加時(shí)編輯jqGrid(實(shí)例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
網(wǎng)上常見的應(yīng)用，用jQuery實(shí)現(xiàn)起來比較簡單，只有幾行代碼。2011-03-03
jQuery實(shí)現(xiàn)菜單感應(yīng)鼠標(biāo)滑動(dòng)動(dòng)畫效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)菜單感應(yīng)鼠標(biāo)滑動(dòng)動(dòng)畫效果的方法,實(shí)例分析了jQuery中鼠標(biāo)事件及animate的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了到底該拋不拋棄JQuery，對JS框架感興趣的同學(xué)，可以參考下2021-05-05
項(xiàng)目中應(yīng)用jQuery解析讀取XML語言配置文件來實(shí)現(xiàn)語言的調(diào)度。這是jQuery解析讀取XML文件功能的測試源碼，現(xiàn)拿出來分享。2009-10-10
使用easyui從servlet傳遞json數(shù)據(jù)到前端頁面的兩種方法
這篇文章主要介紹了用easyui從servlet傳遞json數(shù)據(jù)到前端頁面的兩種方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
jQuery實(shí)現(xiàn)ajax的嵌套請求案例分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax的嵌套請求,結(jié)合具體實(shí)例形式分析了ajax嵌套請求的原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-02-02
使用jQuery實(shí)現(xiàn)Web頁面換膚功能的要點(diǎn)解析
網(wǎng)頁換膚的實(shí)質(zhì)就是切換CSS樣式,關(guān)鍵是給用戶做出點(diǎn)擊切換的功能以及換膚完成之后的緩存記錄功能,下面我們就來看一下使用jQuery實(shí)現(xiàn)Web頁面換膚功能的要點(diǎn)解析:2016-05-05
easyui是一種基于jQuery的用戶界面插件集合。本文是小編自己遇到的一些有關(guān)easyui treegrid的問題記錄，特此分享腳本之家平臺供大家參考2016-04-04