หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ปฏิทินแบบเต็ม

ปฏิทินลากและวางขนาดเต็มใน JavaScript

  • เว็บไซต์โครงการ
  • เอกสารประกอบ
  • บันทึกการเปลี่ยนแปลง
  • สนับสนุน
  • ใบอนุญาต
  • แผนการทำงาน

ตัวเชื่อมต่อ:

  • ตอบสนอง
  • เชิงมุม
  • วิว 3 | 2

มัด

FullCalendar Standard Bundle ติดตั้งง่ายกว่าปลั๊กอินแต่ละตัว แม้ว่าขนาดไฟล์จะใหญ่กว่าก็ตาม มันทำงานได้ดีกับ CDN

การติดตั้ง

ติดตั้งแพ็คเกจหลัก FullCalendar และปลั๊กอินใดๆ ที่คุณวางแผนจะใช้: 

npm install @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid

การใช้งาน

สร้างอินสแตนซ์ปฏิทินด้วยปลั๊กอินและตัวเลือก: 

 import { Calendar } from '@fullcalendar/core'
import interactionPlugin from '@fullcalendar/interaction'
import dayGridPlugin from '@fullcalendar/daygrid'

const calendarEl = document . getElementById ( 'calendar' )
const calendar = new Calendar ( calendarEl , {
  plugins : [
    interactionPlugin ,
    dayGridPlugin
  ] ,
  initialView : 'timeGridWeek' ,
  editable : true ,
  events : [
    { title : 'Meeting' , start : new Date ( ) }
  ]
} )

calendar . render ( )

การพัฒนา

คุณต้องติดตั้ง repo นี้ด้วย PNPM: 

 pnpm install

สคริปต์ที่มีอยู่ (ผ่าน pnpm run