Your search did not match any results.
Scheduler

Custom Templates

Documentation
This demo illustrates the rich collection of the appearance customization options available as a part of the Scheduler widget. The appearance of appointments and appointment tooltips are defined using custom templates. Options for the appointment details form are set within the appointmentFormCreated event handler. Options for the Scheduler are also modified: the timelineDay view is added to the View Selector and the All-day panel is hidden.
Copy to Codepen
Apply
Reset
var DemoApp = angular.module('DemoApp', ['dx']); DemoApp.controller('DemoController', function DemoController($scope) { $scope.options = { dataSource: data, views: ["week", "day", "timelineDay"], currentView: "day", currentDate: new Date(2015, 4, 25), firstDayOfWeek: 0, startDayHour: 9, endDayHour: 23, showAllDayPanel: false, width: "100%", height: 600, groups: ["theatreId"], crossScrollingEnabled: true, cellDuration: 20, editing: { allowAdding: false }, resources: [{ field: "movieId", dataSource: moviesData, useColorAsDefault: true }, { field: "theatreId", dataSource: theatreData }], appointmentTooltipTemplate: "tooltip-template", appointmentTemplate: "appointment-template", onAppointmentFormCreated: function(data) { var form = data.form, movieInfo = getMovieById(data.appointmentData.movieId) || {}, startDate = data.appointmentData.startDate; form.option("items", [{ label: { text: "Movie" }, editorType: "dxSelectBox", dataField: "movieId", editorOptions: { items: moviesData, displayExpr: "text", valueExpr: "id", onValueChanged: function(args) { movieInfo = getMovieById(args.value); form.getEditor("director") .option("value", movieInfo.director); form.getEditor("endDate") .option("value", new Date (startDate.getTime() + 60 * 1000 * movieInfo.duration)); } } }, { label: { text: "Director" }, name: "director", editorType: "dxTextBox", editorOptions: { value: movieInfo.director, readOnly: true } }, { dataField: "startDate", editorType: "dxDateBox", editorOptions: { type: "datetime", onValueChanged: function(args) { startDate = args.value; form.getEditor("endDate") .option("value", new Date (startDate.getTime() + 60 * 1000 * movieInfo.duration)); } } }, { name: "endDate", dataField: "endDate", editorType: "dxDateBox", editorOptions: { type: "datetime", readOnly: true } }, { dataField: "price", editorType: "dxRadioGroup", editorOptions: { dataSource: [5, 10, 15, 20], itemTemplate: function(itemData) { return "$" + itemData; } } } ]); } }; $scope.getMovieById = getMovieById; $scope.editDetails = function (showtime) { $('#scheduler').dxScheduler('instance').showAppointmentPopup(getDataObj(showtime), false); }; function getDataObj(objData) { var result; for(var i = 0; i < data.length; i++) { if(data[i].startDate.getTime() === objData.startDate.getTime() && data[i].theatreId === objData.theatreId) { result = data[i]; break; } } return result; } function getMovieById(id) { return DevExpress.data.query(moviesData) .filter("id", id) .toArray()[0]; } });
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>DevExtreme Demo</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <script src="js/jquery-3.1.0.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/16.2.5/css/dx.spa.css" /> <link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/16.2.5/css/dx.common.css" /> <link rel="dx-theme" data-theme="generic.light" href="https://cdn3.devexpress.com/jslib/16.2.5/css/dx.light.css" /> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script> <script>window.angular || document.write(decodeURIComponent('%3Cscript src="js/angular.min.js"%3E%3C\/script%3E'))</script> <script src="https://cdn3.devexpress.com/jslib/16.2.5/js/dx.all.js"></script> <script src="data.js"></script> <link rel="stylesheet" type ="text/css" href ="styles.css" /> <script src="index.js"></script> </head> <body class="dx-viewport"> <div class="demo-container" ng-app="DemoApp" ng-controller="DemoController"> <div class="long-title"><h3>DXCinema Show Times</h3></div> <div id="scheduler" dx-scheduler="options" dx-item-alias="showtime"> <div data-options="dxTemplate: {name: 'appointment-template'}"> <div class='showtime-preview'> <div>{{getMovieById(showtime.movieId).text}}</div> <div>Ticket Price: <strong>${{showtime.price}}</strong> </div> <div> {{(showtime.startDate | date:'hh:mm') + ' - ' + (showtime.endDate | date:'hh:mm')}} </div> </div> </div> <div data-options="dxTemplate: {name: 'tooltip-template'}"> <div class='movie-tooltip' ng-init="movieData = getMovieById(showtime.movieId)"> <img ng-src="{{movieData.image}}" /> <div class='movie-info'> <div class='movie-title'> {{movieData.text + ' (' + movieData.year + ')'}} </div> <div> {{'Director: ' + movieData.director}} </div> <div> {{'Duration: ' + movieData.duration + ' minutes'}} </div> </div><br /> <div dx-button = "{ text: 'Edit details', onClick: 'editDetails(showtime)' }"></div> </div> </div> </div> </div> </body> </html>
.showtime-preview > div:first-child { font-size: 12px; white-space: normal; } .showtime-preview > div:not(:first-child) { font-size: 11px; white-space: normal; } .movie-tooltip { width: 270px; } .movie-tooltip .movie-info { display: inline-block; margin-left: 10px; vertical-align: top; text-align: left; } .movie-tooltip img { height: 80px; margin-bottom: 10px; } .movie-tooltip .movie-title { font-size: 1.5em; line-height: 40px; } .long-title h3 { font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana; font-weight: 200; font-size: 28px; text-align: center; margin-bottom: 20px; }
var moviesData = [{ id: 1, text: "His Girl Friday", director: "Howard Hawks", year: "1940", image: "../../../../images/movies/HisGirlFriday.jpg", duration: 92, color: "#cb6bb2" }, { id: 2, text: "Royal Wedding", director: "Stanley Donen", year: "1951", image: "../../../../images/movies/RoyalWedding.jpg", duration: 93, color: "#56ca85" }, { id: 3, text: "A Star Is Born", director: "William A. Wellman", year: "1937", image: "../../../../images/movies/AStartIsBorn.jpg", duration: 111, color: "#1e90ff" }, { id: 4, text: "The Screaming Skull", director: "Alex Nicol", year: "1958", image: "../../../../images/movies/ScreamingSkull.jpg", duration: 68, color: "#ff9747" }, { id: 5, text: "It's a Wonderful Life", director: "Frank Capra", year: "1946", image: "../../../../images/movies/ItsAWonderfulLife.jpg", duration: 130, color: "#f05797" }, { id: 6, text: "City Lights", director: "Charlie Chaplin", year: "1931", image: "../../../../images/movies/CityLights.jpg", duration: 87, color: "#2a9010" }]; var theatreData = [{ text: "Cinema Hall 1", id: 0 }, { text: "Cinema Hall 2", id: 1 } ]; var data = [{ theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 4, 24, 9, 10), endDate: new Date(2015, 4, 24, 11, 1) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 4, 24, 11, 30), endDate: new Date(2015, 4, 24, 13, 2) }, { theatreId: 0, movieId: 3, price: 15, startDate: new Date(2015, 4, 24, 13, 30), endDate: new Date(2015, 4, 24, 15, 21) }, { theatreId: 0, movieId: 4, price: 5, startDate: new Date(2015, 4, 24, 16, 0), endDate: new Date(2015, 4, 24, 17, 8) }, { theatreId: 0, movieId: 2, price: 10, startDate: new Date(2015, 4, 24, 17, 30), endDate: new Date(2015, 4, 24, 19, 3) }, { theatreId: 0, movieId: 1, price: 10, startDate: new Date(2015, 4, 24, 19, 30), endDate: new Date(2015, 4, 24, 21, 2) }, { theatreId: 0, movieId: 2, price: 10, startDate: new Date(2015, 4, 24, 21, 20), endDate: new Date(2015, 4, 24, 22, 53) }, { theatreId: 0, movieId: 5, price: 10, startDate: new Date(2015, 4, 25, 9, 10), endDate: new Date(2015, 4, 25, 11, 20) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 4, 25, 12, 0), endDate: new Date(2015, 4, 25, 13, 33) }, { theatreId: 0, movieId: 3, price: 5, startDate: new Date(2015, 4, 25, 14, 0), endDate: new Date(2015, 4, 25, 15, 51) }, { theatreId: 0, movieId: 4, price: 5, startDate: new Date(2015, 4, 25, 16, 20), endDate: new Date(2015, 4, 25, 17, 28) }, { theatreId: 0, movieId: 1, price: 10, startDate: new Date(2015, 4, 25, 18, 0), endDate: new Date(2015, 4, 25, 19, 32) }, { theatreId: 0, movieId: 2, price: 15, startDate: new Date(2015, 4, 25, 20, 0), endDate: new Date(2015, 4, 25, 21, 33) }, { theatreId: 0, movieId: 4, price: 5, startDate: new Date(2015, 4, 25, 21, 50), endDate: new Date(2015, 4, 25, 22, 58) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 4, 26, 9, 0), endDate: new Date(2015, 4, 26, 10, 32) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 4, 26, 11, 0), endDate: new Date(2015, 4, 26, 12, 33) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 4, 26, 13, 20), endDate: new Date(2015, 4, 26, 15, 11) }, { theatreId: 0, movieId: 5, price: 15, startDate: new Date(2015, 4, 26, 15, 45), endDate: new Date(2015, 4, 26, 17, 55) }, { theatreId: 0, movieId: 4, price: 10, startDate: new Date(2015, 4, 26, 18, 20), endDate: new Date(2015, 4, 26, 19, 28) }, { theatreId: 0, movieId: 5, price: 20, startDate: new Date(2015, 4, 26, 20, 0), endDate: new Date(2015, 4, 26, 22, 10) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 4, 27, 9, 0), endDate: new Date(2015, 4, 27, 10, 32) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 4, 27, 11, 0), endDate: new Date(2015, 4, 27, 12, 33) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 4, 27, 13, 20), endDate: new Date(2015, 4, 27, 15, 11) }, { theatreId: 0, movieId: 5, price: 10, startDate: new Date(2015, 4, 27, 15, 45), endDate: new Date(2015, 4, 27, 17, 55) }, { theatreId: 0, movieId: 4, price: 5, startDate: new Date(2015, 4, 27, 18, 20), endDate: new Date(2015, 4, 27, 19, 28) }, { theatreId: 0, movieId: 5, price: 15, startDate: new Date(2015, 4, 27, 20, 0), endDate: new Date(2015, 4, 27, 22, 10) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 4, 28, 9, 30), endDate: new Date(2015, 4, 28, 11, 3) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 4, 28, 11, 30), endDate: new Date(2015, 4, 28, 13, 2) }, { theatreId: 0, movieId: 3, price: 5, startDate: new Date(2015, 4, 28, 13, 30), endDate: new Date(2015, 4, 28, 15, 21) }, { theatreId: 0, movieId: 5, price: 10, startDate: new Date(2015, 4, 28, 16, 0), endDate: new Date(2015, 4, 28, 18, 10) }, { theatreId: 0, movieId: 4, price: 5, startDate: new Date(2015, 4, 28, 18, 30), endDate: new Date(2015, 4, 28, 19, 38) }, { theatreId: 0, movieId: 3, price: 15, startDate: new Date(2015, 4, 28, 20, 20), endDate: new Date(2015, 4, 28, 22, 11) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 4, 29, 9, 30), endDate: new Date(2015, 4, 29, 11, 3) }, { theatreId: 0, movieId: 1, price: 10, startDate: new Date(2015, 4, 29, 11, 30), endDate: new Date(2015, 4, 29, 13, 2) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 4, 29, 13, 30), endDate: new Date(2015, 4, 29, 15, 21) }, { theatreId: 0, movieId: 5, price: 10, startDate: new Date(2015, 4, 29, 16, 0), endDate: new Date(2015, 4, 29, 18, 10) }, { theatreId: 0, movieId: 4, price: 10, startDate: new Date(2015, 4, 29, 18, 30), endDate: new Date(2015, 4, 29, 19, 38) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 4, 29, 20, 20), endDate: new Date(2015, 4, 29, 22, 11) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 4, 30, 9, 30), endDate: new Date(2015, 4, 30, 11, 3) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 4, 30, 11, 30), endDate: new Date(2015, 4, 30, 13, 2) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 4, 30, 13, 30), endDate: new Date(2015, 4, 30, 15, 21) }, { theatreId: 0, movieId: 5, price: 15, startDate: new Date(2015, 4, 30, 16, 0), endDate: new Date(2015, 4, 30, 18, 10) }, { theatreId: 0, movieId: 4, price: 10, startDate: new Date(2015, 4, 30, 18, 30), endDate: new Date(2015, 4, 30, 19, 38) }, { theatreId: 0, movieId: 3, price: 15, startDate: new Date(2015, 4, 30, 20, 20), endDate: new Date(2015, 4, 30, 22, 11) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 4, 31, 9, 30), endDate: new Date(2015, 4, 31, 11, 3) }, { theatreId: 0, movieId: 6, price: 15, startDate: new Date(2015, 4, 31, 11, 30), endDate: new Date(2015, 4, 31, 12, 57) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 4, 31, 13, 20), endDate: new Date(2015, 4, 31, 15, 11) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 4, 31, 16, 0), endDate: new Date(2015, 4, 31, 17, 32) }, { theatreId: 0, movieId: 2, price: 10, startDate: new Date(2015, 4, 31, 18, 0), endDate: new Date(2015, 4, 31, 19, 33) }, { theatreId: 0, movieId: 6, price: 20, startDate: new Date(2015, 4, 31, 20, 0), endDate: new Date(2015, 4, 31, 21, 27) }, { theatreId: 0, movieId: 4, price: 15, startDate: new Date(2015, 4, 31, 21, 50), endDate: new Date(2015, 4, 31, 22, 58) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 5, 1, 9, 0), endDate: new Date(2015, 5, 1, 10, 32) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 5, 1, 11, 30), endDate: new Date(2015, 5, 1, 13, 3) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 1, 13, 30), endDate: new Date(2015, 5, 1, 15, 21) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 1, 15, 30), endDate: new Date(2015, 5, 1, 17, 21) }, { theatreId: 0, movieId: 6, price: 15, startDate: new Date(2015, 5, 1, 17, 30), endDate: new Date(2015, 5, 1, 18, 57) }, { theatreId: 0, movieId: 5, price: 15, startDate: new Date(2015, 5, 1, 20, 0), endDate: new Date(2015, 5, 1, 22, 10) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 5, 2, 9, 0), endDate: new Date(2015, 5, 2, 10, 32) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 5, 2, 11, 0), endDate: new Date(2015, 5, 2, 12, 33) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 2, 13, 0), endDate: new Date(2015, 5, 2, 14, 51) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 2, 15, 30), endDate: new Date(2015, 5, 2, 17, 21) }, { theatreId: 0, movieId: 6, price: 15, startDate: new Date(2015, 5, 2, 17, 30), endDate: new Date(2015, 5, 2, 18, 57) }, { theatreId: 0, movieId: 5, price: 15, startDate: new Date(2015, 5, 2, 20, 0), endDate: new Date(2015, 5, 2, 22, 10) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 5, 3, 9, 0), endDate: new Date(2015, 5, 3, 10, 32) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 5, 3, 11, 0), endDate: new Date(2015, 5, 3, 12, 33) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 3, 13, 0), endDate: new Date(2015, 5, 3, 14, 51) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 3, 15, 30), endDate: new Date(2015, 5, 3, 17, 21) }, { theatreId: 0, movieId: 6, price: 15, startDate: new Date(2015, 5, 3, 17, 30), endDate: new Date(2015, 5, 3, 18, 57) }, { theatreId: 0, movieId: 5, price: 15, startDate: new Date(2015, 5, 3, 20, 0), endDate: new Date(2015, 5, 3, 22, 10) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 5, 4, 9, 0), endDate: new Date(2015, 5, 4, 10, 33) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 5, 4, 11, 0), endDate: new Date(2015, 5, 4, 12, 32) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 4, 13, 0), endDate: new Date(2015, 5, 4, 14, 51) }, { theatreId: 0, movieId: 5, price: 10, startDate: new Date(2015, 5, 4, 15, 30), endDate: new Date(2015, 5, 4, 17, 40) }, { theatreId: 0, movieId: 6, price: 15, startDate: new Date(2015, 5, 4, 18, 0), endDate: new Date(2015, 5, 4, 19, 27) }, { theatreId: 0, movieId: 1, price: 15, startDate: new Date(2015, 5, 4, 20, 0), endDate: new Date(2015, 5, 4, 21, 32) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 5, 5, 9, 0), endDate: new Date(2015, 5, 5, 10, 33) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 5, 5, 11, 0), endDate: new Date(2015, 5, 5, 12, 32) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 5, 13, 0), endDate: new Date(2015, 5, 5, 14, 51) }, { theatreId: 0, movieId: 5, price: 10, startDate: new Date(2015, 5, 5, 15, 30), endDate: new Date(2015, 5, 5, 17, 40) }, { theatreId: 0, movieId: 6, price: 15, startDate: new Date(2015, 5, 5, 18, 0), endDate: new Date(2015, 5, 5, 19, 27) }, { theatreId: 0, movieId: 1, price: 15, startDate: new Date(2015, 5, 5, 20, 0), endDate: new Date(2015, 5, 5, 21, 32) }, { theatreId: 0, movieId: 2, price: 5, startDate: new Date(2015, 5, 6, 9, 0), endDate: new Date(2015, 5, 6, 10, 33) }, { theatreId: 0, movieId: 1, price: 5, startDate: new Date(2015, 5, 6, 11, 0), endDate: new Date(2015, 5, 6, 12, 32) }, { theatreId: 0, movieId: 3, price: 10, startDate: new Date(2015, 5, 6, 13, 0), endDate: new Date(2015, 5, 6, 14, 51) }, { theatreId: 0, movieId: 5, price: 10, startDate: new Date(2015, 5, 6, 15, 30), endDate: new Date(2015, 5, 6, 17, 40) }, { theatreId: 0, movieId: 6, price: 15, startDate: new Date(2015, 5, 6, 18, 0), endDate: new Date(2015, 5, 6, 19, 27) }, { theatreId: 0, movieId: 1, price: 15, startDate: new Date(2015, 5, 6, 20, 0), endDate: new Date(2015, 5, 6, 21, 32) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 4, 24, 9, 30), endDate: new Date(2015, 4, 24, 11, 21) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 4, 24, 12, 0), endDate: new Date(2015, 4, 24, 13, 32) }, { theatreId: 1, movieId: 3, price: 15, startDate: new Date(2015, 4, 24, 14, 0), endDate: new Date(2015, 4, 24, 15, 51) }, { theatreId: 1, movieId: 4, price: 5, startDate: new Date(2015, 4, 24, 16, 10), endDate: new Date(2015, 4, 24, 17, 18) }, { theatreId: 1, movieId: 2, price: 10, startDate: new Date(2015, 4, 24, 17, 30), endDate: new Date(2015, 4, 24, 19, 3) }, { theatreId: 1, movieId: 1, price: 10, startDate: new Date(2015, 4, 24, 19, 30), endDate: new Date(2015, 4, 24, 21, 2) }, { theatreId: 1, movieId: 2, price: 10, startDate: new Date(2015, 4, 24, 21, 20), endDate: new Date(2015, 4, 24, 22, 53) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 4, 25, 9, 30), endDate: new Date(2015, 4, 25, 11, 2) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 4, 25, 11, 30), endDate: new Date(2015, 4, 25, 13, 3) }, { theatreId: 1, movieId: 5, price: 15, startDate: new Date(2015, 4, 25, 13, 30), endDate: new Date(2015, 4, 25, 15, 40) }, { theatreId: 1, movieId: 4, price: 5, startDate: new Date(2015, 4, 25, 16, 0), endDate: new Date(2015, 4, 25, 17, 8) }, { theatreId: 1, movieId: 1, price: 10, startDate: new Date(2015, 4, 25, 17, 30), endDate: new Date(2015, 4, 25, 19, 2) }, { theatreId: 1, movieId: 2, price: 15, startDate: new Date(2015, 4, 25, 19, 40), endDate: new Date(2015, 4, 25, 21, 13) }, { theatreId: 1, movieId: 4, price: 5, startDate: new Date(2015, 4, 25, 21, 40), endDate: new Date(2015, 4, 25, 22, 48) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 4, 26, 9, 30), endDate: new Date(2015, 4, 26, 11, 2) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 4, 26, 11, 30), endDate: new Date(2015, 4, 26, 13, 3) }, { theatreId: 1, movieId: 5, price: 10, startDate: new Date(2015, 4, 26, 13, 30), endDate: new Date(2015, 4, 26, 15, 41) }, { theatreId: 1, movieId: 5, price: 15, startDate: new Date(2015, 4, 26, 16, 0), endDate: new Date(2015, 4, 26, 18, 10) }, { theatreId: 1, movieId: 4, price: 10, startDate: new Date(2015, 4, 26, 18, 30), endDate: new Date(2015, 4, 26, 19, 38) }, { theatreId: 1, movieId: 5, price: 20, startDate: new Date(2015, 4, 26, 20, 20), endDate: new Date(2015, 4, 26, 22, 30) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 4, 27, 9, 30), endDate: new Date(2015, 4, 27, 11, 2) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 4, 27, 11, 30), endDate: new Date(2015, 4, 27, 13, 3) }, { theatreId: 1, movieId: 5, price: 10, startDate: new Date(2015, 4, 27, 13, 30), endDate: new Date(2015, 4, 27, 15, 41) }, { theatreId: 1, movieId: 5, price: 10, startDate: new Date(2015, 4, 27, 16, 0), endDate: new Date(2015, 4, 27, 18, 10) }, { theatreId: 1, movieId: 4, price: 5, startDate: new Date(2015, 4, 27, 18, 30), endDate: new Date(2015, 4, 27, 19, 38) }, { theatreId: 1, movieId: 5, price: 15, startDate: new Date(2015, 4, 27, 20, 20), endDate: new Date(2015, 4, 27, 22, 30) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 4, 28, 9, 10), endDate: new Date(2015, 4, 28, 10, 43) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 4, 28, 11, 0), endDate: new Date(2015, 4, 28, 12, 32) }, { theatreId: 1, movieId: 3, price: 5, startDate: new Date(2015, 4, 28, 13, 10), endDate: new Date(2015, 4, 28, 15, 1) }, { theatreId: 1, movieId: 5, price: 10, startDate: new Date(2015, 4, 28, 15, 40), endDate: new Date(2015, 4, 28, 17, 50) }, { theatreId: 1, movieId: 4, price: 5, startDate: new Date(2015, 4, 28, 18, 20), endDate: new Date(2015, 4, 28, 19, 28) }, { theatreId: 1, movieId: 3, price: 15, startDate: new Date(2015, 4, 28, 20, 20), endDate: new Date(2015, 4, 28, 22, 11) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 4, 29, 10, 0), endDate: new Date(2015, 4, 29, 11, 33) }, { theatreId: 1, movieId: 1, price: 10, startDate: new Date(2015, 4, 29, 12, 0), endDate: new Date(2015, 4, 29, 13, 32) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 4, 29, 14, 0), endDate: new Date(2015, 4, 29, 15, 51) }, { theatreId: 1, movieId: 5, price: 10, startDate: new Date(2015, 4, 29, 16, 30), endDate: new Date(2015, 4, 29, 18, 40) }, { theatreId: 1, movieId: 4, price: 10, startDate: new Date(2015, 4, 29, 19, 0), endDate: new Date(2015, 4, 29, 20, 8) }, { theatreId: 1, movieId: 5, price: 20, startDate: new Date(2015, 4, 29, 20, 30), endDate: new Date(2015, 4, 29, 22, 50) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 4, 30, 10, 0), endDate: new Date(2015, 4, 30, 11, 33) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 4, 30, 12, 0), endDate: new Date(2015, 4, 30, 13, 32) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 4, 30, 14, 0), endDate: new Date(2015, 4, 30, 15, 51) }, { theatreId: 1, movieId: 5, price: 15, startDate: new Date(2015, 4, 30, 16, 30), endDate: new Date(2015, 4, 30, 18, 40) }, { theatreId: 1, movieId: 4, price: 10, startDate: new Date(2015, 4, 30, 19, 0), endDate: new Date(2015, 4, 30, 20, 8) }, { theatreId: 1, movieId: 5, price: 15, startDate: new Date(2015, 4, 30, 20, 30), endDate: new Date(2015, 4, 30, 22, 50) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 4, 31, 10, 0), endDate: new Date(2015, 4, 31, 11, 33) }, { theatreId: 1, movieId: 6, price: 15, startDate: new Date(2015, 4, 31, 12, 0), endDate: new Date(2015, 4, 31, 13, 27) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 4, 31, 14, 0), endDate: new Date(2015, 4, 31, 15, 51) }, { theatreId: 1, movieId: 1, price: 10, startDate: new Date(2015, 4, 31, 16, 30), endDate: new Date(2015, 4, 31, 18, 2) }, { theatreId: 1, movieId: 5, price: 15, startDate: new Date(2015, 4, 31, 18, 30), endDate: new Date(2015, 4, 31, 20, 40) }, { theatreId: 1, movieId: 6, price: 20, startDate: new Date(2015, 4, 31, 21, 0), endDate: new Date(2015, 4, 31, 22, 27) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 5, 1, 9, 30), endDate: new Date(2015, 5, 1, 11, 2) }, { theatreId: 1, movieId: 6, price: 5, startDate: new Date(2015, 5, 1, 12, 0), endDate: new Date(2015, 5, 1, 13, 27) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 5, 1, 14, 0), endDate: new Date(2015, 5, 1, 15, 51) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 5, 1, 16, 30), endDate: new Date(2015, 5, 1, 18, 21) }, { theatreId: 1, movieId: 6, price: 15, startDate: new Date(2015, 5, 1, 19, 0), endDate: new Date(2015, 5, 1, 20, 27) }, { theatreId: 1, movieId: 2, price: 15, startDate: new Date(2015, 5, 1, 21, 0), endDate: new Date(2015, 5, 1, 22, 33) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 5, 2, 10, 0), endDate: new Date(2015, 5, 2, 11, 32) }, { theatreId: 1, movieId: 6, price: 5, startDate: new Date(2015, 5, 2, 12, 0), endDate: new Date(2015, 5, 2, 13, 27) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 5, 2, 14, 0), endDate: new Date(2015, 5, 2, 15, 51) }, { theatreId: 1, movieId: 2, price: 10, startDate: new Date(2015, 5, 2, 16, 30), endDate: new Date(2015, 5, 2, 18, 3) }, { theatreId: 1, movieId: 6, price: 15, startDate: new Date(2015, 5, 2, 19, 0), endDate: new Date(2015, 5, 2, 20, 27) }, { theatreId: 1, movieId: 2, price: 15, startDate: new Date(2015, 5, 2, 21, 0), endDate: new Date(2015, 5, 2, 22, 33) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 5, 3, 9, 30), endDate: new Date(2015, 5, 3, 11, 2) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 5, 3, 11, 30), endDate: new Date(2015, 5, 3, 13, 3) }, { theatreId: 1, movieId: 6, price: 10, startDate: new Date(2015, 5, 3, 14, 0), endDate: new Date(2015, 5, 3, 15, 27) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 5, 3, 16, 0), endDate: new Date(2015, 5, 3, 17, 51) }, { theatreId: 1, movieId: 6, price: 15, startDate: new Date(2015, 5, 3, 18, 10), endDate: new Date(2015, 5, 3, 19, 37) }, { theatreId: 1, movieId: 5, price: 20, startDate: new Date(2015, 5, 3, 20, 30), endDate: new Date(2015, 5, 3, 22, 40) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 5, 4, 9, 30), endDate: new Date(2015, 5, 4, 11, 2) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 5, 4, 11, 30), endDate: new Date(2015, 5, 4, 13, 2) }, { theatreId: 1, movieId: 6, price: 10, startDate: new Date(2015, 5, 4, 14, 0), endDate: new Date(2015, 5, 4, 15, 27) }, { theatreId: 1, movieId: 5, price: 10, startDate: new Date(2015, 5, 4, 16, 0), endDate: new Date(2015, 5, 4, 17, 51) }, { theatreId: 1, movieId: 6, price: 15, startDate: new Date(2015, 5, 4, 18, 10), endDate: new Date(2015, 5, 4, 19, 37) }, { theatreId: 1, movieId: 5, price: 15, startDate: new Date(2015, 5, 4, 20, 20), endDate: new Date(2015, 5, 4, 22, 30) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 5, 5, 9, 30), endDate: new Date(2015, 5, 5, 11, 2) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 5, 5, 11, 30), endDate: new Date(2015, 5, 5, 13, 2) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 5, 5, 13, 30), endDate: new Date(2015, 5, 5, 15, 21) }, { theatreId: 1, movieId: 5, price: 10, startDate: new Date(2015, 5, 5, 16, 0), endDate: new Date(2015, 5, 5, 18, 10) }, { theatreId: 1, movieId: 6, price: 15, startDate: new Date(2015, 5, 5, 18, 30), endDate: new Date(2015, 5, 5, 19, 57) }, { theatreId: 1, movieId: 2, price: 15, startDate: new Date(2015, 5, 5, 20, 30), endDate: new Date(2015, 5, 5, 22, 3) }, { theatreId: 1, movieId: 2, price: 5, startDate: new Date(2015, 5, 6, 9, 30), endDate: new Date(2015, 5, 6, 11, 3) }, { theatreId: 1, movieId: 1, price: 5, startDate: new Date(2015, 5, 6, 11, 30), endDate: new Date(2015, 5, 6, 13, 2) }, { theatreId: 1, movieId: 3, price: 10, startDate: new Date(2015, 5, 6, 13, 30), endDate: new Date(2015, 5, 6, 15, 21) }, { theatreId: 1, movieId: 5, price: 10, startDate: new Date(2015, 5, 6, 16, 0), endDate: new Date(2015, 5, 6, 18, 10) }, { theatreId: 1, movieId: 6, price: 15, startDate: new Date(2015, 5, 6, 18, 30), endDate: new Date(2015, 5, 6, 19, 57) }, { theatreId: 1, movieId: 1, price: 15, startDate: new Date(2015, 5, 6, 20, 30), endDate: new Date(2015, 5, 6, 22, 2) } ];