Booking-js嵌入式预定系统

联合创作 · 2023-10-02 16:24

Booking-js 是一个简单漂亮的嵌入式预定系统。它用 FullCalendar 来自定义主题。

示例代码:

{  // Required
  email:                    '',   
  // Your Timekit user's email (used for auth)
  apiToken:                 '',   
  // Your Timekit user's apiToken (as generated through the wizard)
  calendar:                 '',   
  // Your Timekit calendar ID that bookings should end up in

  // Optional
  targetEl:                 '#bookingjs', 
  // Which element should we the library load into
  name:                     '',   
  // Display name to show in the header and timezone helper
  avatar:                   '',   
  // Provide an image URL for a circular image avatar
  autoload:                 true, 
  // Auto initialization if config object is found on window var
  includeStyles:            true, 
  // Inject fullCalendar and library styles in <head>
  showCredits:              true, 
  // Display a "Powered by Timekit" attribution footer (thanks!)

  // Internationalization
  localization: {
    showTimezoneHelper:     true, 
    // Should the timezone difference helper (bottom) be shown?
    timeDateFormat:         '12h-mdy-sun' 
    // For EU-style formatting, use '24h-dmy-mon' (see below)
  } 
   // Timekit JS SDK (see below)
  timekitConfig:            { ... },  
  // Timekit FindTime endpoint (see below)
  timekitFindTime:          { ... },  
  // Timekit CreateEvent endpoint (see below)
  timekitCreateEvent:       { ... },  
  // FullCalendar options (see below)
  fullCalendar:             { ... },  
  // Register callbacks on events
  callbacks: {    
  findTimeStarted:          
  function(args) {},    
  findTimeSuccessful:       
  function(response) {},    
  findTimeFailed:           
  function(response) {},    
  createEventStarted:       
  function(args) {},    
  createEventSuccessful:    
  function(response) {},    
  createEventFailed:        
  function(response) {},    
  getUserTimezoneStarted:   
  function(args) {},    
  getUserTimezoneSuccesful: function(response) {},    
  getUserTimezoneFailed:    function(response) {},    
  fullCalendarInitialized:  function() {},    
  renderCompleted:          function() {},    
  showBookingPage:          function(event) {},    
  closeBookingPage:         function() {},    
  submitBookingForm:        function(values) {}

  }
}

浏览 3
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报