datetimepicker.js

jQuery(function() {
  var showDatepicker, showDatetimepicker;
  showDatetimepicker = function() {
    var endDateTextBox, startDateTextBox;
    startDateTextBox = $("#event_start_at");
    endDateTextBox = $("#event_end_at");
    startDateTextBox.datetimepicker({
      timeFormat: "HH:mm",
      dateFormat: "dd/mm/yy",
      onClose: function(dateText, inst) {
        var testEndDate, testStartDate;
        if (endDateTextBox.val() !== "") {
          testStartDate = startDateTextBox.datetimepicker("getDate");
          testEndDate = endDateTextBox.datetimepicker("getDate");
          if (testStartDate > testEndDate) {
            return endDateTextBox.datetimepicker("setDate", testStartDate);
          }
        } else {
          return endDateTextBox.val(dateText);
        }
      },
      onSelect: function(selectedDateTime) {
        return endDateTextBox.datetimepicker("option", "minDate", startDateTextBox.datetimepicker("getDate"));
      }
    });
    return endDateTextBox.datetimepicker({
      onClose: function(dateText, inst) {
        var testEndDate, testStartDate;
        if (startDateTextBox.val() !== "") {
          testStartDate = startDateTextBox.datetimepicker("getDate");
          testEndDate = endDateTextBox.datetimepicker("getDate");
          if (testStartDate > testEndDate) {
            return startDateTextBox.datetimepicker("setDate", testEndDate);
          }
        } else {
          return startDateTextBox.val(dateText);
        }
      },
      onSelect: function(selectedDateTime) {
        return startDateTextBox.datetimepicker("option", "maxDate", endDateTextBox.datetimepicker("getDate"));
      }
    });
  };
  showDatepicker = function() {
    var endDateTextBox, startDateTextBox;
    startDateTextBox = $("#event_start_at");
    endDateTextBox = $("#event_end_at");
    startDateTextBox.datetimepicker({
      timeFormat: "HH:mm",
      dateFormat: "dd/mm/yy",
      showTimepicker: false,
      onClose: function(dateText, inst) {
        var testEndDate, testStartDate;
        if (endDateTextBox.val() !== "") {
          testStartDate = startDateTextBox.datetimepicker("getDate");
          testEndDate = endDateTextBox.datetimepicker("getDate");
          if (testStartDate > testEndDate) {
            return endDateTextBox.datetimepicker("setDate", testStartDate);
          }
        } else {
          return endDateTextBox.val(dateText);
        }
      },
      onSelect: function(selectedDateTime) {
        return endDateTextBox.datetimepicker("option", "minDate", startDateTextBox.datetimepicker("getDate"));
      }
    });
    return endDateTextBox.datetimepicker({
      onClose: function(dateText, inst) {
        var testEndDate, testStartDate;
        if (startDateTextBox.val() !== "") {
          testStartDate = startDateTextBox.datetimepicker("getDate");
          testEndDate = endDateTextBox.datetimepicker("getDate");
          if (testStartDate > testEndDate) {
            return startDateTextBox.datetimepicker("setDate", testEndDate);
          }
        } else {
          return startDateTextBox.val(dateText);
        }
      },
      onSelect: function(selectedDateTime) {
        return startDateTextBox.datetimepicker("option", "maxDate", endDateTextBox.datetimepicker("getDate"));
      }
    });
  };
  showDatetimepicker;

  return $("#event_all_day").click(function() {
    if ($('input[id="event_all_day"]:checked').length > 0) {
      $(".datetimepicker").datetimepicker("destroy");
      $("#event_start_at").val(function() {
        return $("#event_start_at").val().split(" ")[0];
      });
      $("#event_end_at").val(function() {
        return $("#event_end_at").val().split(" ")[0];
      });
      return showDatepicker;
    } else {
      $("#event_start_at").val(function() {
        return $("#event_start_at").val() + " 00:00";
      });
      $("#event_end_at").val(function() {
        return $("#event_end_at").val() + " 00:00";
      });
      $(".datetimepicker").datetimepicker("destroy");
      return showDatetimepicker;
    }
  });
});

datetimepicker.js.coffee

jQuery ->

  showDatetimepicker = ->
    startDateTextBox = $("#event_start_at")
    endDateTextBox = $("#event_end_at")
    startDateTextBox.datetimepicker
      timeFormat: "HH:mm"
      dateFormat: "dd/mm/yy"

      onClose: (dateText, inst) ->
        unless endDateTextBox.val() is ""
          testStartDate = startDateTextBox.datetimepicker("getDate")
          testEndDate = endDateTextBox.datetimepicker("getDate")
          endDateTextBox.datetimepicker "setDate", testStartDate  if testStartDate > testEndDate
        else
          endDateTextBox.val dateText

      onSelect: (selectedDateTime) ->
        endDateTextBox.datetimepicker "option", "minDate", startDateTextBox.datetimepicker("getDate")

    endDateTextBox.datetimepicker
      onClose: (dateText, inst) ->
        unless startDateTextBox.val() is ""
          testStartDate = startDateTextBox.datetimepicker("getDate")
          testEndDate = endDateTextBox.datetimepicker("getDate")
          startDateTextBox.datetimepicker "setDate", testEndDate  if testStartDate > testEndDate
        else
          startDateTextBox.val dateText

      onSelect: (selectedDateTime) ->
        startDateTextBox.datetimepicker "option", "maxDate", endDateTextBox.datetimepicker("getDate")

  showDatepicker = ->
    startDateTextBox = $("#event_start_at")
    endDateTextBox = $("#event_end_at")
    startDateTextBox.datetimepicker
      timeFormat: "HH:mm"
      dateFormat: "dd/mm/yy"
      showTimepicker: false

      onClose: (dateText, inst) ->
        unless endDateTextBox.val() is ""
          testStartDate = startDateTextBox.datetimepicker("getDate")
          testEndDate = endDateTextBox.datetimepicker("getDate")
          endDateTextBox.datetimepicker "setDate", testStartDate  if testStartDate > testEndDate
        else
          endDateTextBox.val dateText

      onSelect: (selectedDateTime) ->
        endDateTextBox.datetimepicker "option", "minDate", startDateTextBox.datetimepicker("getDate")

    endDateTextBox.datetimepicker
      onClose: (dateText, inst) ->
        unless startDateTextBox.val() is ""
          testStartDate = startDateTextBox.datetimepicker("getDate")
          testEndDate = endDateTextBox.datetimepicker("getDate")
          startDateTextBox.datetimepicker "setDate", testEndDate  if testStartDate > testEndDate
        else
          startDateTextBox.val dateText

      onSelect: (selectedDateTime) ->
        startDateTextBox.datetimepicker "option", "maxDate", endDateTextBox.datetimepicker("getDate")

  showDatetimepicker

  $("#event_all_day").click ->
    if $('input[id="event_all_day"]:checked').length > 0
      $(".datetimepicker").datetimepicker("destroy")
      $("#event_start_at").val ->
        $("#event_start_at").val().split(" ")[0]
      $("#event_end_at").val ->
        $("#event_end_at").val().split(" ")[0]
      showDatepicker
    else
      $("#event_start_at").val ->
        $("#event_start_at").val() + " 00:00"
      $("#event_end_at").val ->
        $("#event_end_at").val() + " 00:00"
      $(".datetimepicker").datetimepicker("destroy")
      showDatetimepicker