我不想用今天的日期预填充“日期范围选择器”文本框

问题描述

我使用了Bootstrap的日期范围选择器。目前什么 每当我的页面自动加载日期范围选择器时，就会发生这种情况 预先填充今天的日期。我只想删除它。

页面加载时，我想要的只是显示两个带有占位符的文本框。

$(function() {
  $('#BeginDate').daterangepicker({
    singleDatePicker: true,autoApply: true,minDate: moment(),startDate: moment(),locale: {
      format: 'MM/DD/YYYY',firstDay: 1
    }
  });

  $('#CompletionDate').daterangepicker({
    singleDatePicker: true,startDate: moment().add(7,'days'),firstDay: 1
    }
  });

  $('#BeginDate').on('apply.daterangepicker',function(ev,picker) {

    var new_start = picker.startDate.clone().add(7,'days');

    $('#CompletionDate').daterangepicker({
      singleDatePicker: true,minDate: picker.startDate.clone(),startDate: new_start,locale: {
        format: 'MM/DD/YYYY',firstDay: 1
      }
    });

  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.27.0/moment.min.js"></script>

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<div class="form-group">
  <label for="startDate*">Start Date*</label>
  <input type="text" id="BeginDate" class="form-control" placeholder="Select Course Start Date" required />
  <div class="invalid-Feedback">
    Please select date.
  </div>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4 col-xl-4">
  <div class="form-group">
    <label for="endDate*">End Date*</label>
    <input type="text" id="CompletionDate" class="form-control" placeholder="Select Course End Date" required />
    <div class="invalid-Feedback">
      Please select date.
    </div>
  </div>
</div>

解决方法

我知道这不是一个很好的解决方案，但是它可以工作。在为两个输入初始化datepicker之后，您需要将两个输入的值都设置为空，以便datepicker会显示占位符。

            cmd /c mklink /J “<link>” “<target>”