<?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;
