Пример #1
0
$recurrenceExceptionField->from('RecurrenceException');
$model->id('taskID')->addField($taskIDField)->addField($titleField)->addField($startField)->addField($endField)->addField($startTimezoneField)->addField($endTimezoneField)->addField($descriptionField)->addField($recurrenceIdField)->addField($recurrenceRuleField)->addField($recurrenceExceptionField)->addField($isAllDayField);
$schema = new \Kendo\Data\DataSourceSchema();
$schema->data('data')->errors('errors')->model($model);
$dataSource = new \Kendo\Data\DataSource();
$dataSource->transport($transport)->schema($schema)->batch(true);
$scheduler = new \Kendo\UI\Scheduler('scheduler');
$scheduler->timezone("Etc/UTC")->date(new DateTime('2013/6/13'))->height(400)->addView(array('type' => 'day', 'startTime' => new DateTime('2013/6/13 7:00')), array('type' => 'week', 'selected' => true, 'startTime' => new DateTime('2013/6/13 7:00')), 'month', 'agenda')->dataSource($dataSource);
echo $scheduler->render();
?>
    <div class="demo-section">
        <p>
            <label>Current Date:</label>
            <?php 
$datePicker = new \Kendo\UI\DatePicker('date');
$datePicker->value(new DateTime('2013/6/13'))->change('date_change');
echo $datePicker->render();
?>
        </p>
        <p>
            <label>Current View:</label>
            <?php 
$viewsPicker = new \Kendo\UI\DropDownList('views');
$viewsPicker->change('views_change')->dataTextField('text')->dataValueField('value')->dataSource(array(array('text' => 'Agenda', 'value' => 'agenda'), array('text' => 'Day', 'value' => 'day'), array('text' => 'Month', 'value' => 'month'), array('text' => 'Week', 'value' => 'week')));
echo $viewsPicker->render();
?>
       </p>
    </div>

<script>
    function views_change() {
Пример #2
0
<?php

require_once '../lib/Kendo/Autoload.php';
require_once '../include/header.php';
?>

<?php 
$start = new \Kendo\UI\DatePicker('start');
$start->value('10/10/2011')->change('startChange');
$end = new \Kendo\UI\DatePicker('end');
$end->value('10/10/2012')->change('endChange');
?>
<div class="demo-section" style="width:470px">
    <label for="start">Start date:</label>
    <?php 
echo $start->render();
?>

    <label for="end" style="margin-left:3em">End date:</label>
    <?php 
echo $end->render();
?>
</div>
<script>
    var start, end;

    function startChange() {
        var startDate = start.value();

        if (startDate) {
            startDate = new Date(startDate);
Пример #3
0
<?php

require_once '../lib/Kendo/Autoload.php';
require_once '../include/header.php';
?>
<div class="configuration k-widget k-header">
    <span class="infoHead">Information</span>
    <p>
        Apply special style for the birthdays.
    </p>
</div>

<div class="demo-section" style="width: 155px;">
<?php 
$datePicker = new \Kendo\UI\DatePicker('datepicker');
$datePicker->value(new DateTime('today', new DateTimeZone('UTC')))->month(array('content' => <<<TEMPLATE
# if (isInArray(data.date, birthdays)) { #
    <div class="birthday"></div>
# } #
#= data.value #
TEMPLATE
))->footer("Today - #= kendo.toString(data, 'd') #")->open("onOpen");
echo $datePicker->render();
?>
</div>
<script>
    function onOpen() {
        var dateViewCalendar = this.dateView.calendar;
        if (dateViewCalendar) {
            dateViewCalendar.element.width(300);
        }
Пример #4
0
require_once '../lib/Kendo/Autoload.php';
require_once '../include/header.php';
?>
<div id="email-settings">
    <div style="margin-top: -6px; margin-left: 180px">
<?php 
$datePicker = new \Kendo\UI\DatePicker('datepicker');
$datePicker->value(new DateTime('10/10/2011', new DateTimeZone('UTC')))->attr('style', 'width: 150px');
echo $datePicker->render();
?>
    </div>
    <div style="margin-top: 59px; margin-left: 180px">
<?php 
$monthPicker = new \Kendo\UI\DatePicker('monthpicker');
$monthPicker->value(new DateTime('November 2011', new DateTimeZone('UTC')))->start('year')->depth('year')->format('MMMM yyyy')->attr('style', 'width: 150px');
echo $monthPicker->render();
?>
    </div>
</div>
<style scoped>
    #example h2 {
        font-weight: normal;
    }
    #email-settings {
        height: 135px;
        width: 395px;
        margin: 30px auto;
        padding: 110px 0 0 30px;
        background: url('../content/web/datepicker/mailSettings.png') transparent no-repeat 0 0;
    }