<?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); startDate.setDate(startDate.getDate() + 1); end.min(startDate); } }
<?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';
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; } </style>