溫馨提示×

calendar.js有哪些樣式選項

小樊
81
2024-10-21 18:46:28
欄目: 編程語言

calendar.js 并不是一個特定的庫或框架,而是一個用于創(chuàng)建日歷的通用術(shù)語。不同的庫或框架可能有不同的樣式選項。以下是一些常見的日歷庫及其樣式選項:

  1. FullCalendar

    • theme:是否啟用主題,可以設(shè)置為 truefalse
    • header:設(shè)置日歷頭部的內(nèi)容和樣式,包括日期、星期、月份和年份的顯示方式。
    • content:設(shè)置日歷主體的內(nèi)容和樣式,包括日期的顯示方式、事件和事件的背景顏色等。
    • buttonText:設(shè)置按鈕的文本內(nèi)容,如“上一月”、“下一月”等。
    • navLinks:是否顯示導(dǎo)航鏈接,可以設(shè)置為 truefalse。
    • customButtonText:自定義按鈕的文本內(nèi)容。
    • businessHours:設(shè)置工作時間和非工作時間的顯示方式。
    • events:設(shè)置事件的樣式和內(nèi)容,包括事件的顏色、邊框顏色、背景顏色等。
    • eventContent:自定義事件的內(nèi)容和樣式。
    • eventResizableFromStarteventResizableFromEnd:設(shè)置事件是否可以從頭或尾開始調(diào)整大小。
    • eventDragStarteventDrop:設(shè)置拖動事件時的樣式和行為。
    • eventClick:設(shè)置點擊事件時的樣式和行為。
    • eventRender:自定義事件的渲染方式。
  2. jQuery UI Datepicker

    • showOn:設(shè)置日期選擇器顯示的方式,如 focus、buttonboth。
    • buttonImage:設(shè)置按鈕的圖像。
    • buttonText:設(shè)置按鈕的文本內(nèi)容。
    • showOtherMonths:是否顯示其他月份的日期。
    • selectOtherMonths:是否允許選擇其他月份的日期。
    • onSelect:設(shè)置選擇日期時的回調(diào)函數(shù)。
    • beforeShow:設(shè)置顯示日期選擇器之前的回調(diào)函數(shù)。
    • onClose:設(shè)置關(guān)閉日期選擇器時的回調(diào)函數(shù)。
    • navigation:設(shè)置導(dǎo)航按鈕的樣式和內(nèi)容。
    • dayNamesmonthNames:設(shè)置星期和月份的顯示名稱。
    • defaultDate:設(shè)置默認(rèn)選中的日期。
    • changeMonthchangeYear:設(shè)置改變月份和年份時的回調(diào)函數(shù)。
    • yearRange:設(shè)置可選年份的范圍。
    • showWeek:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • dateFormat:設(shè)置日期的格式。
    • altField:設(shè)置備用字段以顯示選中的日期。
    • altFormat:設(shè)置備用字段的日期格式。
    • multiSelect:是否允許多選日期。
    • rangeStartrangeEnd:設(shè)置可選日期的范圍。
    • minDatemaxDate:設(shè)置可選日期的最小值和最大值。
    • duration:設(shè)置動畫的持續(xù)時間。
    • stepMonthsstepBigMonths:設(shè)置改變月份時的步長。
    • stepWeeksstepBigWeeks:設(shè)置改變周數(shù)時的步長。
    • stepDaysstepBigDays:設(shè)置改變天數(shù)時的步長。
    • showMonthAfterYear:是否在年份之后顯示月份。
    • showYearAfterMonth:是否在月份之后顯示年份。
    • defaultTime:設(shè)置默認(rèn)的時間。
    • timeFormat:設(shè)置時間的格式。
    • timeOnly:是否僅顯示時間。
    • allDayDefault:是否將選中的日期視為全天事件。
    • parseTime:設(shè)置是否解析時間字符串。
    • onSelectTime:設(shè)置選擇時間時的回調(diào)函數(shù)。
    • onCloseTime:設(shè)置關(guān)閉時間選擇器時的回調(diào)函數(shù)。
    • scrollable:設(shè)置日期選擇器是否可滾動。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值。
    • disabled:設(shè)置某些日期是否可以被選擇。
    • orientation:設(shè)置日期選擇器的方向(橫向或縱向)。
    • showOnFocus:設(shè)置是否在獲得焦點時顯示日期選擇器。
    • beforeShowDay:設(shè)置自定義日期格式和可用性的回調(diào)函數(shù)。
    • showWeekNumbers:是否顯示周數(shù)。
    • firstDay:設(shè)置一周的第一天是星期幾。
    • showCurrentAtTop:是否將當(dāng)前選中的日期顯示在頂部。
    • heightwidth:設(shè)置日期選擇器的高度和寬度。
    • zIndex:設(shè)置日期選擇器的 z-index 值

0