FullCalendar
v7
v7
latest
v6
(opens in a new tab)
v5
(opens in a new tab)
v4
(opens in a new tab)
v3
(opens in a new tab)
v2
(opens in a new tab)
v1
(opens in a new tab)
Demos
Docs
Support
Getting Help
Debug Templates
Reporting Bugs
Requesting Features
Contributing
Pricing
20.7k
Demos
Docs
Support
Getting Help
Debug Templates
Reporting Bugs
Requesting Features
Contributing
Pricing
Search
⌘
K
Getting Started
React
Vue
Angular
Vanilla JS
Preact
Web Component
Salesforce LWC
Tools & Plugins
Agent Guide
Plugins
Premium
V7 Migration
Overall Display
Theme
Toolbar
Sizing
Virtual Rendering
Locale
Views
Month
TimeGrid
List
DayGrid
Multi-Month Stack
Multi-Month Grid
Timeline
Vertical Resource
Custom Views
View API
Date & Time
Date Model
Time Zone
Date & Time Display
Date Navigation
Date Nav Links
Week Numbers
Date Clicking & Selecting
Now Indicator
Business Hours
Events
Event Model
Event Sources
Event Display
Event Clicking & Hovering
Event Dragging & Resizing
Event Popover
Background Events
Resources
Resource Data
Resource Display
Accessibility
Accessibility
Touch Support
Printer-Friendly Rendering
Docs menu
All Docs
Now Indicator
Copy page
Edit page
Mark the exact current time in
TimeGrid view
and
Timeline view
.
Options
nowIndicator
Whether or not to display a marker indicating the current time.
nowIndicatorSnap
Whether the now indicator jumps to the start of each time unit instead of tracking the exact time.
now
Overrides the calendar's current date, which decides the highlighted "today" and the now indicator.
Render Hooks
nowIndicatorHeader
Customize the now-indicator's "arrow" in the time axis.
nowIndicatorLine
Customize the now-indicator's "line" element.
nowIndicatorDot
Customize the now-indicator's "dot", which sits alongside its line in the time axis.
