DateTimePicker

Start and Date com limitações

by NunoMira

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.min.js"></script>
<input type="text" id="startStamp" value='2014-11-09 20:20:24'>
<input type="text" id="endStamp" value='2014-11-09 20:27:25'>

JavaScript

$("#startStamp").datetimepicker({
  dateFormat: "yy-mm-dd",
  timeFormat: "HH:mm:ss",
  showSecond: true,
  controlType: 'select',
  maxDateTime: new Date($('#endStamp').val().replace(/-/g, "/")),
  onSelect: function(date, obj) {

  }
});

$("#endStamp").datetimepicker({
  dateFormat: "yy-mm-dd",
  timeFormat: "HH:mm:ss",
  showSecond: true,
  controlType: 'select',
  minDateTime: new Date($('#startStamp').val().replace(/-/g, "/")),
  onSelect: function(date, obj) {

  }
});