Как я могу выводить каждый день внутри моего Daterange? - PullRequest
0 голосов
/ 07 июня 2019

Я пытаюсь вывести диапазон дат. Я знаю, как получить дату начала и дату окончания, благодаря учебнику, но я не знаю, как показать дни между ними.

Я подумал, что было бы достаточно, если бы я скопировал Код и просто удалил picker.endDate.format или picker.startDate.format, поэтому у меня просто есть picker.Date.format, но это не сработало.

Это мой Datepicker и мои поля ввода и вывода

Поле моей даты с Cakephp

echo $this->Form->control('dates', array('label' => __('Datum',true), 'empty' => true));  

Поля ввода для дат (в данный момент только 3, но я хочу вывести 7 дней)

<input id="selectedDatePickerField" /><br><br />
<input id="selectedDatePickerField2" /><br><br />

Javascript

<script type="text/javascript">
$(function() {

  $('input[name="dates"]').daterangepicker({
   "maxSpan": {
        "days": 7
    },
      autoUpdateInput: false,
      "locale": {
        "format": "DD/MM/YYYY",
        "separator": " - ",
        "applyLabel": "Bestätigen",
        "cancelLabel": "Abbrechen",
        "fromLabel": "From",
        "toLabel": "To",
        "customRangeLabel": "Custom",
        "weekLabel": "W",
        "daysOfWeek": [
            "So",
            "Mo",
            "Di",
            "Mi",
            "Do",
            "Fr",
            "Sa"
        ],
        "monthNames": [
            "Januar",
            "Februar",
            "März",
            "April",
            "Mai",
            "Juni",
            "Juli",
            "August",
            "September",
            "Oktober",
            "November",
            "Dezember"
        ],
        "firstDay": 1
    },
  });

    $(document).ready(function () {
  $('#dates').on('change', function () {
    $('#selectedDatePickerField').val(this.value);
    $('#selectedDatePickerField2').val(this.value);
  }).change();
  $('#dates').on('daterangepicker', function (e, ui) {
    $('#selectedDatePickerField').val(ui.item.value);
    $('#selectedDatePickerField2').val(ui.item.value);
  });
});

$('input[name="dates"]').on('apply.daterangepicker', function(ev, picker) {
  $('#selectedDatePickerField').val(picker.startDate.format('DD/MM/YYYY'));     
  $('#selectedDatePickerField2').val(picker.endDate.format('DD/MM/YYYY'));

});
  $('input[name="dates"]').on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('DD/MM/YYYY') + ' - ' + picker.endDate.format('DD/MM/YYYY'));
  });

  $('input[name="dates"]').on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
  });

});

Итак, что мне нужно сделать, чтобы я мог вывести все 7 дней из моего Daterange? Я хочу создать их в поле ввода, чтобы я мог работать с ними позже и узнать, в какую дату заказано меню.

Я все еще новичок в кодировании, поэтому, если я что-то пропустил, просто скажите мне, и я отредактирую свой Вопрос.

EDIT
Извините за плохую формулировку, моя цель - вывести все даты из диапазона. Пример:
Дата: 03.07.2019 - 09.07.2019

Сроки:
03.07.2019
04.07.2019
05.07.2019
06.07.2019
07.07.2019
08.07.2019
09.07.2019

В конце я хочу использовать это шоу 7 дней. Я только что попробовал это с 3 выходами, чтобы понять, как это работает. Надеюсь, теперь это немного прояснилось.

РЕДАКТИРОВАТЬ 2

Таким образом, торт - это поле ввода, которое выглядит так:

<input type="text" name="datefilter" value="" />

Это просто еще один способ написать это. Извините за путаницу там.
Я просто использовал этот урок для создания полей для диапазона дат: http://www.daterangepicker.com/#example5

Другие идентификаторы ввода:

<input id="selectedDatePickerField" /><br><br />
<input id="selectedDatePickerField2" /><br><br />

показывает FirstDate и LastDate, которые я выбрал с помощью Daterangepicker. Теперь я пытаюсь вывести не только FistDate и LastDate, но и число дней между ними, как показано в моем примере.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...