AlloyUI : Scheduler : 24h Time

HTML

<script src="http://cdn.alloyui.com/2.5.0/aui/aui-min.js"></script>
<link href="http://cdn.alloyui.com/2.5.0/aui-css/css/bootstrap.min.css" rel="stylesheet"></link>

<div id="wrapper">
  <div id="myScheduler"></div>
</div>

JavaScript

YUI().use(
  'aui-scheduler',
  function(Y) {
    var events = [
      {
        content: 'Partial Lunar Eclipse',
        endDate: new Date(2015, 3, 25, 5),
        startDate: new Date(2015, 3, 25, 1)
      }
    ];

      var dayView = new Y.SchedulerDayView({
          isoTime: true
});

    new Y.Scheduler(
      {
        boundingBox: '#myScheduler',
        date: new Date(2013, 3, 25),
        items: events,
        render: true,
        views: [dayView]
      }
    );
  }
);