Question

我正在尝试输出日期范围。感谢教程，我知道如何获取开始日期和结束日期，但是我不知道如何显示两者之间的天数。

我认为如果我复制代码并删除picker.endDate.format或picker.startDate.format就足够了，所以我只有picker.Date.format，但这没用。

这是我的日期选择器以及我的输入和输出字段

我的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('');
  });

});

那么我该怎么做，才能从Daterange输出全部7天？我想在输入字段中创建它们，以便以后可以使用它们并知道在哪个日期订购了哪个菜单。

我还是编码的新手，所以如果我错过任何事情，请告诉我，我将编辑我的问题。

编辑
很抱歉我的措辞不好，我的目标是输出范围内的所有日期。例：
日期范围：03.07.2019-09.07.2019

日期：
03.07.2019
2019年4月7日
2019年5月7日
2019年6月7日
2019年7月7日
2019年8月7日
2019年9月7日

最后我也想用它显示7天。我只是尝试了3个输出，以了解其工作原理。希望它现在更加清晰。

编辑2

所以cakephp东西是一个输入字段，看起来像这样：

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

这是另一种编写方式。很抱歉给您带来混乱。
我只是使用此教程为Daterange创建了字段：http://www.daterangepicker.com/#example5

其他输入ID：

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

显示我用Daterangepicker选择的FirstDate和LastDate。现在，我不仅尝试输出FistDate和LastDate，而且还尝试输出其间的天数，如我的示例所示。

如何在Daterange中输出每一天？

0 个答案: