Jquery Easyui日历组件Calender使用详解(23)

前端之家收集整理的这篇文章主要介绍了Jquery Easyui日历组件Calender使用详解(23)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了Jquery Easyui日历组件的实现代码,供大家参考,具体内容如下

加载方式

Class加载

Box" class="easyui-calendar" style="width:200px;height:200px;">

JS调用加载

Box">

属性列表

$(function () { //JS 加载调用 $('#Box').calendar({ width : 200,height : 200,fit : false,border : false,firstDay : 0,weeks : ['S','M','T','W','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),}); });

事件列表

$(function () { //JS 加载调用 $('#Box').calendar({ width : 200,onSelect : function (date) { alert(date.getFullYear() + ":" + (date.getMonth() + 1) + ":" + date.getDate()); },onChange : function (newDate,oldDate) { alert(newDate + '|' + oldDate); },}); });

方法列表

属性对象 console.log($('#Box').calendar('options')); //调整日历大小 $('#Box').calendar('resize'); //移动到指定日期 $('#Box').calendar('moveTo',new Date(2015,1,1)); //可以使用$.fn.calendar.defaults 重写默认值对象。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的jQuery相关文章