angularjs-material-playground_1.2.4

by Drasius

HTML

<script src="https://unpkg.com/jquery@latest/dist/jquery.min.js"></script>
<script src="https://unpkg.com/lodash@latest/lodash.min.js"></script>
<script src="https://unpkg.com/angular@latest/angular.min.js"></script>
<script src="https://unpkg.com/angular-animate@latest/angular-animate.min.js"></script>
<script src="https://unpkg.com/angular-aria@latest/angular-aria.min.js"></script>
<script src="https://unpkg.com/angular-messages@latest/angular-messages.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/angular-material.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/angular-material.min.js"></script>
<div id="app">  

               
  <div>
        <strong>Date in local timezone:</strong>
        {{date|date:"yyyy-MM-dd HH:mm Z"}}
      </div>
      <div>
        <strong>Date in UTC timezone:</strong>
        {{date|date:"yyyy-MM-dd HH:mm Z":"UTC"}}
      </div>

     <md-datepicker required ng-model="date" ng-model-options="{timezone: 'UTC'}"></md-datepicker>

</div>

CSS

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

JavaScript

date = new Date().setUTCHours(23,0,0,0);
angular
  .module('app', ['ngMaterial']);

angular
  .bootstrap(document.querySelector('#app'), ['app']);