Calendar PHP Class Overview
The Kendo UI Calendar for PHP is a server-side wrapper for the Kendo UI Calendar widget.
The Calendar is part of Telerik UI for PHP, a
professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Getting Started
Configuration
Below are listed the steps for you to follow when configuring the Kendo UI Calendar for PHP.
Step 1 Make sure you followed all the steps from the introductory article on Telerik UI for PHP—include the autoloader, JavaScript, and CSS files.
Step 2 Create a Calendar, configure its min
, max
, and value
options.
<?php
$calendar = new \Kendo\UI\Calendar('calendar');
$calendar->min(new DateTime('1900-01-01'))
->max(new DateTime('2099-12-31'))
->value(new DateTime('today', new DateTimeZone('UTC')));
?>
Event Handling
You can subscribe to all Calendar events.
Specify Function Names
The example below demonstrates how to subscribe for events by specifying a JavaScript function name.
<?php
$calendar = new \Kendo\UI\Calendar('calendar');
// The 'calendar_change' JavaScript function will handle the 'change' event of the calendar
$calendar->change('calendar_change');
echo $calendar->render();
?>
<script>
function calendar_change() {
// Handle the change event
}
</script>
Provide Inline Code
The example below demonstrates how to subscribe to events by providing inline JavaScript code.
<?php
$calendar = new \Kendo\UI\Calendar('calendar');
// Provide inline JavaScript code that will handle the 'change' event of the calendar
$calendar->change('function() { /* Handle the change event */ }');
echo $calendar->render();
?>
Reference
Client-Side Instances
You are able to reference an existing Calendar instance via the jQuery.data()
. Once a reference is established, use the Calendar API to control its behavior.
<?php
$calendar = new \Kendo\UI\Calendar('calendar');
echo $calendar->render();
?>
<script>
$(function() {
// The constructor parameter is used as the 'id' HTML attribute of the calendar
var calendar = $("#calendar").data("kendoCalendar")
});
</script>