@racheev

Не могу понять почему не вставляет дату в модальное окно?

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<table class="table table-bordered">
      <thead>
        <tr class="table-success">
          <th scope="col">#</th>
          <th scope="col">Название</th>
          <th scope="col">Релиз</th>
        </tr>
      </thead>
      <tbody>
        <tr style="text-align: center;">
          <th scope="row">1</th>
          <td style="text-align:left;">The Abandon 1</td>
          <td class="calendar-cell" data-id="1" data-date="01.02.2024">01.02.2024</td>
        </tr>
        <tr style="text-align: center;">
          <th scope="row">2</th>
          <td style="text-align:left;">The New</td>
          <td class="calendar-cell" data-id="2" data-date="02.02.2024">02.02.2024</td>
        </tr>
        <tr style="text-align: center;">
          <th scope="row">3</th>
          <td style="text-align:left;">The Next</td>
          <td class="calendar-cell" data-id="3" data-date="03.02.2024">03.02.2024</td>
        </tr>
      </tbody>
    </table>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  <script>
    $(document).ready(function() {
      $('.calendar-cell').click(function() {
        var filmId = $(this).data('id');
        var currentDate = $(this).data('date');
        $('#newDate').val(currentDate);
        $('#dateModal').modal('show');
      });
    });
  </script>

  <div class="modal" id="dateModal" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Изменить дату релиза</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="form-group">
            <label for="newDate">Новая дата:</label>
            <input type="date" class="form-control" id="newDate">
            <small id="newDateHelp" class="form-text text-muted">Выберите новую дату релиза.</small>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
          <button type="button" class="btn btn-primary" id="saveDate">Сохранить</button>
        </div>

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

  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
IvanU7n
@IvanU7n
nothing interesting here
дата должна быть в формате YYYY-MM-DD, в таком же виде она будет при чтении
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы