推荐:基于jQuery开发仿Google Calendar(jQuery Week Calendar)

1 minute read

jQuery Week Calendar

在open-open上发现的,试了一下很不错,对于日常开发中对计划安排或者对操作性要求较高的可以使用这个插件

目前开发的一个系统正好需要这样的功能所以推荐给大家

官网:http://www.redredred.com.au/projects/jquery-week-calendar/

Live Demo

The following live demonstration? has a basic calendar with a few events in it. It demonstrates most of the major functionality by triggering events that are displayed as messages in the top right hand corner of the screen.? More demos will? come soon… Demo 1 (Basic)
  • Demo 1 shows basic calendar functionality. Calendar Events are supplied as a local javascript array. All triggered events are displayed as messages, calendar events in the past are shaded gray using the eventRender callback.
Demo 2 (Multi data-source and dynamic config options)
  • Demo 2 allows you to select from two different data sources. These are both local javascript objects but could just as easily have come from a remote server. The data returned includes an ‘options’ property which overrides the default calendar options for ‘timeslotHeight’ and ‘timeslotsPerHour’.
Demo 3 (Create / update / delete using jquery UI)
  • This demo shows the use of jquery ui modal dialog for creating, updating and deleting events. It also demonstrates the use of
    • Staggered overlapping events
    • Querying the calendar for valid timeslots for a date to populate calendar event form select fields
    • Limited display of timeslots based on business hours