dateTimePicker

jquery UI datepicker with datetime extension to test some localization features

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-bootstrap/0.5pre/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-timepicker-addon.css">
<script src="https://cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-timepicker-addon.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.1/moment.min.js"></script>
<div class="datetimepicker-container widget-content">
  <div class="datetimepicker-inner">
    <input type="text" readonly="true" class="widget-datetimepicker" value="Click to Pick a Date" />
  </div>
</div>

JavaScript

$(function() {
  var jqDateFormat = 'dd-M-yy';
  var mDateFormat = 'DD-MMM-YYYY';
  var dateNow = new Date();
  var dateTime = new Date(dateNow.getTime());
  var NowMoment = moment();
  datetimepickerEl = $('input.widget-datetimepicker');
  datetimepickerEl.datetimepicker({
    showTimePicker: true,
    defaultDate: '',
    defaultValue: false,
    showTime: true,
    alwaysSetTime: false
  });
 //datetimepickerEl.datetimepicker( "setDate", dateTime );
datetimepickerEl.val(dateTime);
datetimepickerEl.val(NowMoment.format(mDateFormat));
});