<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; ?> <div class="demo-section"> <h3>Select date:</h3> <?php $datePicker = new \Kendo\UI\DatePicker('datepicker'); $datePicker->attr('style', 'width: 200px')->attr('accesskey', 'w'); echo $datePicker->render(); ?> </div> <ul class="keyboard-legend"> <li> <span class="button-preview"> <span class="key-button leftAlign wider"><a target="_blank" href="http://en.wikipedia.org/wiki/Access_key">Access key</a></span> + <span class="key-button">w</span> </span> <span class="button-descr"> focuses the widget </span> </li> </ul> <h4> Closed popup: </h4> <ul class="keyboard-legend"> <li> <span class="button-preview">
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; ?> <div class="demo-section"> <div class="k-rtl"> <label for="datepicker">Choose date:</label> <?php $datePicker = new \Kendo\UI\DatePicker('datepicker'); echo $datePicker->render(); ?> </div> </div> <style scoped> .demo-section { width: 400px; text-align: center; margin: 50px auto; padding-top: 50px; padding-bottom: 50px; } </style> <?php require_once '../include/footer.php';
$recurrenceExceptionField = new \Kendo\Data\DataSourceSchemaModelField('recurrenceException'); $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>
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; ?> <div class="demo-section" style="width: 155px;"> <?php $datePicker = new \Kendo\UI\DatePicker('datepicker'); $datePicker->open('onOpen')->close('onClose')->change('onChange'); echo $datePicker->render(); ?> </div> <div class="console"></div> <script> function onOpen() { kendoConsole.log("Open"); } function onClose() { kendoConsole.log("Close"); } function onChange() { kendoConsole.log("Change :: " + kendo.toString(this.value(), 'd')); } </script> <?php require_once '../include/footer.php';
<?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); }
<?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);
<?php 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;