DateTimePicker PHP Class Overview

The Kendo UI DateTimePicker for PHP is a server-side wrapper for the Kendo UI DateTimePicker widget.

Getting Started

Configuration

Below are listed the steps for you to follow when configuring the Kendo UI DateTimePicker 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 DateTimePicker.

    <?php
    $datetimepicker = new \Kendo\UI\DateTimePicker('datetimepicker');
    $datetimepicker->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 DateTimePicker events.

Specify Function Names

The example below demonstrates how to subscribe for events by specifying a JavaScript function name.

    <?php
    $datetimepicker = new \Kendo\UI\DateTimePicker('datetimepicker');

    // The 'datetimepicker_change' JavaScript function will handle the 'change' event of the datetimepicker
    $datetimepicker->change('datetimepicker_change');

    echo $datetimepicker->render();
    ?>
    <script>
    function datetimepicker_change() {
        // Handle the change event
    }
    </script>

Provide Inline Code

The example below demonstrates how to subscribe to events by providing inline JavaScript code.

    <?php
    $datetimepicker = new \Kendo\UI\DateTimePicker('datetimepicker');

    // Provide inline JavaScript code that will handle the 'change' event of the datetimepicker
    $datetimepicker->change('function() { /* Handle the change event */ }');

    echo $datetimepicker->render();
    ?>

Reference

Client-Side Instances

You are able to reference an existing DateTimePicker instance via the jQuery.data(). Once a reference is established, use the DateTimePicker API to control its behavior.

    <?php
    $datetimepicker = new \Kendo\UI\DateTimePicker('datetimepicker');
    echo $datetimepicker->render();
    ?>
    <script>
    $(function() {
        // The constructor parameter is used as the 'id' HTML attribute of the datetimepicker
        var datetimepicker = $("#datetimepicker").data("kendoDateTimePicker")
    });
    </script>

See Also

In this article