html日历菜鸟,Calendar(日历)
Calendar(日历)
使用$.fn.calendar.defaults重写默认值对象。
日历控件显示一个月的日历,允许用户选择日期和移动到下一个或上一个月。默认情况下,一周的第一天是周日。它可以通过设置'firstDay'属性的值来更改设置。
示例
使用标签创建日历。
使用Javascript创建日历。
$('#cc').calendar({
current:new Date()
});
属性
属性名
属性值类型
描述
默认值
width
number
日历控件宽度。
180
height
number
日历控件高度。
180
fit
boolean
当设置为true的时候,将设置日历控件大小自适应父容器。
false
border
boolean
定义是否显示边框。
true
firstDay
number
定义一周的第一天是星期几。0=星期日、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
年日历。下面的例子显示了如何使用指定的年份和月份创建一个日历。
当前年份(4位数)
month
number
月日历。
当前月份(从1开始)
current
Date
当前日期。
当前日期
formatter
function(date)
日期格式化函数,返回日期值。(该属性自1.3.6版开始可用)
代码示例:
$('#cc').calendar({
formatter: function(date){
return date.getDate();
}
})
styler
function(date)
日历天的样式函数,返回行内样式或CSS样式表的Class名称。(该属性自1.3.6版开始可用)
代码示例:
$('#cc').calendar({
styler: function(date){
if (date.getDay() == 1){
return 'background-color:#ccc';
// 函数可以返回预定义的css class和预定义的行内样式
// return {class:'r1', style:{'color:#fff'}};
} else {
return '';
}
}
})
validator
function(date)
验证器函数用于确定是否可以选择日历上的某一天,返回false将阻止选择当前天。(该属性自1.3.6版开始可用)
代码示例:
$('#cc').calendar({
validator: function(date){
if (date.getDay() == 1) {
return true;
} else {
return false;
}
}
})
事件
事件名
事件参数
描述
onSelect
date
在用户选择一天的时候触发。
代码示例:
$('#cc').calendar({
onSelect: function(date){
alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
}
});
onChange
new Date, oldDate
在用户更改日期的时候触发。(该事件自1.3.6版开始可用)
方法
方法名称
方法参数
描述
options
none
返回参数对象。
resize
none
调整日历大小。
moveTo
date
移动日历到指定日期。
代码示例:
$('#cc').calendar('moveTo', new Date(2012, 6, 1));
html日历菜鸟,Calendar(日历)相关推荐
- Python学习八:pip 最常用命令、pip升级、pip 清华大学开源软件镜像站、Python日期和时间(Time模块、日历(Calendar)模块)
pip 是 Python 包管理工具,该工具提供了对Python 包的查找.下载.安装.卸载的功能. 注意:Python 2.7.9 + 或 Python 3.4+ 以上版本都自带 pip 工具. p ...
- WPF Calendar 日历控件 样式自定义
原文:WPF Calendar 日历控件 样式自定义 粗略的在代码上做了些注释 blend 生成出来的模版 有的时候 会生成 跟 vs ui界面不兼容的代码 会导致可视化设计界面 报错崩溃掉 但是确不 ...
- Java的知识点22——时间处理相关类、Date时间类(java.util.Date)、DateFormat类和SimpleDateFormat类、Calendar日历类
时间处理相关类 用long类型的变量来表示时间,获得现在时刻的"时刻数值":long now = System.currentTimeMillis(); Date时间类(java. ...
- EasyUI中Calendar日历的简单使用
场景 效果 属性 名称 类型 描述 默认值 width number 日历(calendar)组件的宽度. 180 height number 日历(calendar)组件的高度. 180 fit b ...
- c linux time微秒_Python时间处理模块:time模块、datetime模块及日历模块Calendar
无论是那一个开发语言进行开发,时间的处理都是非常重要的,正确的处理时间是一个程序员开发中必备的技能,特别是对时间精度要求比较高,或者是要分清楚本地时间和服务器时间的这些业务要求,今天就来讲一讲Pyth ...
- 【Java Calendar日历类】可视化日历程序(控制台输出)
Calendar日历类 Calendar 类是一个抽象类,为我们提供了关于日期计算的相关功能,比如:年.月.日.时.分.秒的展示和计算. GregorianCalendar 是 Calendar 的一 ...
- Python calendar日历模块的常用方法
Python calendar日历模块的常用方法 如果您想知道某一天是星期几,某个月有多少个周末...那么,日历对您来说非常方便.您的办公桌有制作精美的日历,手机里也有日历,电脑里也有日历,随手可得. ...
- 2019日历全年一张_python 日历模块calendar
calendar #打印2019年的日历x= calendar.calendar(2019)print(x) #打印全年日历 calendar.prcal(2019) # 打印月份 c = calen ...
- java中实现工厂日历_Java Calendar实现控制台日历
public static void main(String[] args) throws IOException { //初始化日历对象 Calendar calendar = Calendar.g ...
- php日期控件calendar.js,轻量级的原生js日历插件calendar.js使用指南
使用说明: 需要引入插件calendar.js/calendar.min.js 须要引入calendar.css 样式表,可以自定义自己想要的皮肤 本日历插件支持cmd模块化 如下调用:xvDate( ...
最新文章
- [实现] 利用 Seq2Seq 预测句子后续字词 (Pytorch)
- 对象的浅克隆与深克隆
- mysql直连1.执行语句_MySQL随笔01_一条SQL语句是如何执行的
- 强烈推荐:程序员必备的两个超级工具,一个是百宝箱,一个是百宝库
- Kubernetes API 与 Operator:不为人知的开发者战争
- python语言中print函数的作用_python中如何使用print函数
- 简单选择排序_Python3三种简单排序(冒泡、插入、选择)的比较
- [Teaching] [Silverlight] 30秒快速建立遊戲迴圈 (Game Loop)
- opencv使用trackbar调控美颜程度
- android中edittext监听文字变化,使用TextWatcher监听EditText变化
- JAVA实现飞机大战详解
- JDK 7(Java SE Development Kit)全平台全版本安装包免费下载
- 天线的回波损耗和驻波比
- VUE Cascader省市二级联动 二级联动数据
- Android 谷歌地图不显示,Android谷歌地图不显示在模拟器
- 更换持续集成工具,从 Travis 到 Github Actions
- 用缓动动画实现鼠标跟随
- MapGis 二次开发 常见问题 转
- 【功能安全】【AutoSAR】安全通信机制:E2E保护
- html设置背景图片覆盖不重复