datetimepicker range örneği

datetimepicker_range.html.erb

<!-- jQuery ve jQuery-ui gerekli -->
<!-- Kullanılan plugin: https://github.com/trentrichardson/jQuery-Timepicker-Addon -->
<!-- yüklenmesi gereken javascript dosyaları: jquery-ui-timepicker-addon.js ve jquery-ui-timepicker-tr.js -->
<!-- CSS dosyaları da gerekli -->

  <script>
    $(document).ready(function() {
  
  $.datepicker.setDefaults( $.datepicker.regional[ "" ] );

  $('#search_start_date').datetimepicker(
      $.extend({
        duration: '',
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd.mm.yy',
        maxDate: '<%= Time.now.strftime("%d.%m.%Y %H:%M") %>',
        onClose: function( selectedDate ) {
          $( "#search_end_date" ).datepicker( "option", "dateFormat", 'dd.mm.yy' );
          $( "#search_end_date" ).datepicker( "option", "minDate", selectedDate );
        },
        constrainInput: false },
        $.datepicker.regional['<%= I18n.locale.to_s %>']
    ));

  $('#search_end_date').datetimepicker(
      $.extend({
        duration: '',
        changeMonth: true,
        changeYear: true,
        minDate: '<%= 1.day.ago.strftime("%d.%m.%Y %H:%M") %>',
        dateFormat: 'dd.mm.yy',
        onClose: function( selectedDate ) {
          $( "#search_start_date" ).datepicker( "option", "dateFormat", 'dd.mm.yy' );
          $( "#search_start_date" ).datepicker( "option", "maxDate", selectedDate );
        },
        constrainInput: false },
        $.datepicker.regional['<%= I18n.locale.to_s %>']
    ));
  });
  </script>