From Time Zone to UTC

by Nico D

HTML

<script src=" https://www.jqwidgets.com/jquery-widgets-demo/scripts/jquery-1.11.1.min.js"></script>
<script src="  https://www.jqwidgets.com/jquery-widgets-demo/scripts/knockout-3.0.0.js"></script>
<script src="  https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="  https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="  https://jqwidgets.com/jquery-widgets-demo/jqwidgets/globalization/globalize.js"></script>
<div data-bind="'jqxDateTimeInput':
{ 'value': customTime, 'width': '100px', 'height': '25px', 'formatString': 'hh:mm: tt', showTimeButton: true, showCalendarButton: false, allowNullDate: true }">
</div>
<span data-bind="text: formattedTime"></span>
<div data-bind="'jqxDateTimeInput':
{ 'value': newCustomTime, 'width': '100px', 'height': '25px', 'formatString': 'hh:mm tt', showTimeButton: true, showCalendarButton: false, allowNullDate: true }">
</div>

JavaScript

var vm = {};
 vm.newCustomTime = ko.observable(new Date("2017-03-27T11:59:00.000Z"));
 vm.customTime = ko.observable(new Date("2017-03-27T11:59:00.000Z"));
 vm.formattedTime = ko.computed(function() {
   var date = new Date(vm.customTime());
   if (isNaN(date)) {
     return null
   }
   return date.toISOString();
 });

 ko.applyBindings(vm);