DateTime Tester

Test for datetimepicker - date setting not working

by Kieveli

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.3.11/parsley.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.0/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.marionette/2.4.1/backbone.marionette.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.43/js/bootstrap-datetimepicker.min.js"></script>
<h1>Demo</h1>
<form class="form-group" onsubmit="return false;">
  <div class="form-group">
    <label for="enddate">End Date</label>
      <div class='input-group date' id='enddate'>
        <input type='text' class="form-control" />
        <span class="input-group-addon">
          <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
  </div>
  <button id="zeroButton">Set Zero</button>
  <button id="grossButton">Set Gross</button>
  <button id="grosslessButton">Set Grossless</button>
  <button id="todayButton">Set Today</button>
  
  </button>
  </button>
</form>

JavaScript

$(document).ready( function() {
	$("#enddate").datetimepicker();
  
  $("#zeroButton").click(function() {
    // set to Jan 1, 1970
  	$("#enddate").data("DateTimePicker").date(new Date(0));
  });
  $("#grossButton").click(function() {
    // set to Jan 1, 1970
  	$("#enddate").data("DateTimePicker").date(new Date(14400000));
  });
  $("#grosslessButton").click(function() {
    // set to Jan 1, 1970
  	$("#enddate").data("DateTimePicker").date(new Date(14399999));
  });
  $("#todayButton").click(function() {
    // set to Jan 1, 1970
  	$("#enddate").data("DateTimePicker").date(new Date());
  });
});