在日期时间选择器中，我想隐藏默认的结算日期答案

【问题标题】：In date time picker i want to hide the default settled date在日期时间选择器中，我想隐藏默认的结算日期
【发布时间】：2021-02-11 12:27:09
【问题描述】：

我正在使用日期时间选择器，当我刷新页面时它会显示当前日期。我希望它显示我选择日期时的日期，否则它什么也不显示。也就是说，我想隐藏默认日期

                  <div class="col-lg-3">
                    <label>Select Date</label>
                <input type="text" id="picker" name="BillSearch[issue_date]" class="form-control">


             <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>

            <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.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"/>

            <script type="text/javascript">
    
                $('#picker').daterangepicker({

                    startDate:moment().subtract(29,'days'),
                    endDate:moment(),
                    Current: false, 
                     'opens':'left',
        'ranges': {
'Today': [moment(), moment()],
              'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
              'Last 7 Days': [moment().subtract(6, 'days'), moment()],
              'Last 30 Days': [moment().subtract(29, 'days'), moment()],
              'This Month': [moment().startOf('month'), moment().endOf('month')],
              'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],

        },


            


                                    });



            </script>
     
                    </div>

【问题讨论】：

标签： datepicker

【解决方案1】：

似乎您正在使用 DateRangePicker。根据他们的doc，你可以做这样的事情来最初清空。注意输入中使用的值，这将确定初始值。这些事件是可选的，但如果您在 cancel.daterangepicker 上看到，您还有另一种将值设置为空的方法。

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

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

  $('input[name="datefilter"]').daterangepicker({
      autoUpdateInput: false,
      locale: {
          cancelLabel: 'Clear'
      }
  });

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

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

});
</script>

【讨论】：