There is a plug-in that runs on bootstrap (+jQuery) called zabuto calendar.
The default behavior is
(1) Monthly Calendar Display
(2)If you have event data in JSON format, the background color will be displayed on the appropriate date and will be clickable.
(3)Click the clickable date and a modal window will fall.In the modal window, JSON data and HTML can be described.You can also write hyperlinks, so you can click on them to move to another page (e.g., skip to the detailed data page for the relevant date).
appears.
In (2), if the value "badge" is true in the value of the JSON data, it becomes a background color + date character color inversion highlight. Hook this true value and
·If {badge:true}, a modal window will fall
·If it is {badge:false}, the modal window will not fall, but will stock up on the date with a hyperlink and fly to that page
I'd like to make a remodeling, but I'm stuck.
Thank you for your cooperation.
javascript jquery bootstrap
Have you seen http://zabuto.com/dev/calendar/examples/action.html?
It seems that you can rewrite the action when clicked.
In the sample, the hasEvent
values are branched, so wouldn't it be possible to go with a similar process?
var hasEvent=$("#"+id).data("hasEvent");
© 2024 OneMinuteCode. All rights reserved.