PALv4 Template

by Kishore Sahasranaman

HTML

<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="//kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2017.1.118/styles/kendo.common.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout-kendo/0.9.8/knockout-kendo.min.js"></script>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2017.1.118/styles/kendo.default.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css">
<h1 data-bind="text : Heading"></h1>

<input data-bind="kendoDropDownList: { data: Libraries, value:Library, widget: dropDown }" />
<div data-bind="text: Library"></div>

<hr />
<input data-bind="kendoDateTimePicker: dateSel" />
<div data-bind="text: dateSel" />

JavaScript

var ViewModel = function() {
  this.Heading = "PAL v4 Template";
  this.Libraries = ko.observableArray(["Kendo", "KnockOut JS", "jQuery"]);
  this.Library = ko.observable("Kendo");
	this.dateSel = ko.observable(new Date());
  this.dropDown = ko.observable();
};

ko.applyBindings(new ViewModel());