【问题标题】:Start date and end date datepicker开始日期和结束日期日期选择器
【发布时间】:2017-04-01 01:40:21
【问题描述】:

我输入了包含开始日期和结束日期的日期来过滤期间。我想让开始日期是今天的日期,结束日期与开始日期相同或开始日期后一天。条件是如果我在 01-04-2017 中选择开始日期,我可以在结束日期输入中选择 01-04-2017 或之后的日期。

这是我所做的,但仍然没有给出最佳答案。

<div class="col-md-4">
   <div class="input-group input-daterange">
        <input type="text" name="from_date_alt" id="from_date_alt" class="form-control datepicker" placeholder="Start date" value="">
        <span class="input-group-addon">to</span>
        <input type="text" name="to_date_alt" id="to_date_alt" class="form-control datepicker" placeholder="End date" value="">
   </div>
</div>

这是脚本。

var nowDate = new Date();
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0);

$(".datepicker").datepicker({
    format: 'yyyy-mm-dd',
    startDate: today,
    autoclose: true
});

我该怎么做?

【问题讨论】:

    标签: javascript html datepicker


    【解决方案1】:

    $( function() {
        $( "#datepicker" ).datepicker( "option", "minDate", new Date(2017, 3 - 1, 31));
      } );
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
      <link rel="stylesheet" href="/resources/demos/style.css">
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
      <script>
      $( function() {
        $( "#datepicker" ).datepicker();
      } );
      </script>
    <p>Date: <input type="text" id="datepicker"></p>

    我不明白,这样的?

    【讨论】: