您当前的位置:首页 > 网站建设 > jQuery
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery EasyUI 表单插件 - Calendar 日历

51自学网 2023-01-16 20:14:59
  jQuery

通过 $.fn.calendar.defaults 重写默认的 defaults。

日历(calendar)显示允许用户选择日期的一个月份日历,并允许移动到上一月和下一页。默认情况下,每星期的第一天设置为星期日。这可以通过设置 'firstDay' 属性的值来改变。

用法

从标记创建日历(calendar)。

<div id="cc" class="easyui-calendar" style="width:180px;height:180px;"></div>

使用 javascript 创建日历(calendar)。

<div id="cc" style="width:180px;height:180px;"></div>
$('#cc').calendar({    current:new Date()});

属性

名称 类型 描述默认值
width number 日历(calendar)组件的宽度。180
height number 日历(calendar)组件的高度。180
fit boolean 当设置为 true 时,则设置日历的尺寸以适应它的父容器。false
border boolean 定义是否显示边框。true
firstDay number 定义每星期的第一天。星期日(Sunday)是 0,星期一(Monday)是 1,...0
weeks array 显示星期的列表。['S','M','T','W','T','F','S']
months array 显示月份的列表。['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
year number 日历的年。下面的实例演示如何使用指定的年和月来创建一个日历。
<div class="easyui-calendar" data-options="year:2012,month:6" />
当前年份(4 位)
month number 日历的月。当前月份(从 1 开始)
current Date 当前的日期。当前日期

事件

名称 参数 描述
onSelect date 当用户选择一个日期时触发。
代码实例:
$('#cc').calendar({
下载地址:
jQuery EasyUI 表单插件 - Spinner 微调器
jQuery EasyUI 表单插件 - Datetimebox 日期时间框
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1