Я пытаюсь вывести диапазон дат. Я знаю, как получить дату начала и дату окончания, благодаря учебнику, но я не знаю, как показать дни между ними.
Я подумал, что было бы достаточно, если бы я скопировал Код и просто удалил 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, но и число дней между ними, как показано в моем примере.