calendar.js有哪些样式选项

avatar
作者
筋斗云
阅读量:0

calendar.js 并不是一个特定的库或框架,而是一个用于创建日历的通用术语。不同的库或框架可能有不同的样式选项。以下是一些常见的日历库及其样式选项:

  1. FullCalendar

    • theme:是否启用主题,可以设置为 truefalse
    • header:设置日历头部的内容和样式,包括日期、星期、月份和年份的显示方式。
    • content:设置日历主体的内容和样式,包括日期的显示方式、事件和事件的背景颜色等。
    • buttonText:设置按钮的文本内容,如“上一月”、“下一月”等。
    • navLinks:是否显示导航链接,可以设置为 truefalse
    • customButtonText:自定义按钮的文本内容。
    • businessHours:设置工作时间和非工作时间的显示方式。
    • events:设置事件的样式和内容,包括事件的颜色、边框颜色、背景颜色等。
    • eventContent:自定义事件的内容和样式。
    • eventResizableFromStarteventResizableFromEnd:设置事件是否可以从头或尾开始调整大小。
    • eventDragStarteventDrop:设置拖动事件时的样式和行为。
    • eventClick:设置点击事件时的样式和行为。
    • eventRender:自定义事件的渲染方式。
  2. jQuery UI Datepicker

    • showOn:设置日期选择器显示的方式,如 focusbuttonboth
    • buttonImage:设置按钮的图像。
    • buttonText:设置按钮的文本内容。
    • showOtherMonths:是否显示其他月份的日期。
    • selectOtherMonths:是否允许选择其他月份的日期。
    • onSelect:设置选择日期时的回调函数。
    • beforeShow:设置显示日期选择器之前的回调函数。
    • onClose:设置关闭日期选择器时的回调函数。
    • navigation:设置导航按钮的样式和内容。
    • dayNamesmonthNames:设置星期和月份的显示名称。
    • defaultDate:设置默认选中的日期。
    • changeMonthchangeYear:设置改变月份和年份时的回调函数。
    • yearRange:设置可选年份的范围。
    • showWeek:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • dateFormat:设置日期的格式。
    • altField:设置备用字段以显示选中的日期。
    • altFormat:设置备用字段的日期格式。
    • multiSelect:是否允许多选日期。
    • rangeStartrangeEnd:设置可选日期的范围。
    • minDatemaxDate:设置可选日期的最小值和最大值。
    • duration:设置动画的持续时间。
    • stepMonthsstepBigMonths:设置改变月份时的步长。
    • stepWeeksstepBigWeeks:设置改变周数时的步长。
    • stepDaysstepBigDays:设置改变天数时的步长。
    • showMonthAfterYear:是否在年份之后显示月份。
    • showYearAfterMonth:是否在月份之后显示年份。
    • defaultTime:设置默认的时间。
    • timeFormat:设置时间的格式。
    • timeOnly:是否仅显示时间。
    • allDayDefault:是否将选中的日期视为全天事件。
    • parseTime:设置是否解析时间字符串。
    • onSelectTime:设置选择时间时的回调函数。
    • onCloseTime:设置关闭时间选择器时的回调函数。
    • scrollable:设置日期选择器是否可滚动。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值。
    • disabled:设置某些日期是否可以被选择。
    • orientation:设置日期选择器的方向(横向或纵向)。
    • showOnFocus:设置是否在获得焦点时显示日期选择器。
    • beforeShowDay:设置自定义日期格式和可用性的回调函数。
    • showWeekNumbers:是否显示周数。
    • firstDay:设置一周的第一天是星期几。
    • showCurrentAtTop:是否将当前选中的日期显示在顶部。
    • heightwidth:设置日期选择器的高度和宽度。
    • zIndex:设置日期选择器的 z-index 值

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!