Bootstrap datepicker для Ruby, отключить даты - PullRequest
Новая
       9

Bootstrap datepicker для Ruby, отключить даты

0 голосов
/ 04 декабря 2018

Мне нужно создать 2 ввода даты (начальную и конечную дату), используя Bootstrap datepicker для Ruby, и это выглядит так: 

<div class="form-group">
  <%= label_tag :import_start_date, I18n.t('modal.form.start_date'), class: 'col-lg-3 control-label required' %>
  <div class="col-lg-8">
    <div class="bs-component">

      <%= text_field_tag 'start_date',
        Date.current.to_s,
        class: 'form-control',
        'data-provide' => 'datepicker',
        'data-date-format' => 'yyyy-mm-dd',
        placeholder: I18n.t('modal.form.start_date'),
        autocomplete: 'off' %>

    </div>
  </div>
</div>
<div class="row" style="border: 0">
  <div class="form-group">
    <%= label_tag :import_end_date, I18n.t('modal.form.end_date'), class: 'col-lg-3 control-label required' %>
    <div class="col-lg-8">
      <div class="bs-component">

        <%= text_field_tag 'end_date',
          Date.current.to_s,
          class: 'form-control',
          'data-provide' => 'datepicker',
          'data-date-format' => 'yyyy-mm-dd',
          placeholder: I18n.t('modal.form.end_date'),
          autocomplete: 'off'%>

      </div>
    </div>
  </div>
</div>

Все работает, но мне нужно добавить какую-то проверку, чтобыпользователь не может выбрать «конечную дату», меньшую «начальной_ даты», и наоборот.Я искал в Интернете, и я нашел, как это сделать с помощью Jquery.Но я бродил, есть ли некоторые свойства, которые я могу использовать, чтобы избежать написания кода JavaScript.

Есть идеи?

Используемый мной инструмент выбора даты: https://github.com/Nerian/bootstrap-datepicker-rails

1 Ответ

0 голосов
/ 04 декабря 2018

Вы можете использовать date-range опция , проб.как это: 

<div class="input-group input-daterange">
   <!-- your start_date and end_date inputs go here -->
</div>
...