Javascript 如何从下拉列表中获取年份和准备日期，然后在引导日期范围中设置开始日期和结束日期

我有一个表单，在这个表单中，我有一个下拉列表来选择年份和日期选择器的文本框。我正在使用引导日期选择器

我需要的是，如果我从下拉列表中选择一年。我需要在datepicker中设置startDate和endDate。startDate+3是endDate

如果我从下拉列表中选择2019。日期选择器日历需要从2019年1月开始，到2022年12月结束

Html

---

您需要设置jQuery UI引导使用jQuery的日期格式！日期选择器设置为初始化时首先使用的格式。我想您已经在数据格式属性上这样做了，所以这是可以的。。。 不要按需初始化日期选择器，而是在document.ready上初始化

然后，在必要时，通过使用.valdate.getDate+start.getMonth+1+-+start.getFullYear；将日期输入到输入中来设置选择器的日期；。

---

这就是它的全部；当用户决定单击输入时，datepicker将自行处理更改。

您需要设置jQuery UI引导使用jQuery的日期格式！日期选择器设置为初始化时首先使用的格式。我想您已经在数据格式属性上这样做了，所以这是可以的。。。 不要按需初始化日期选择器，而是在document.ready上初始化

然后，在必要时，通过使用.valdate.getDate+start.getMonth+1+-+start.getFullYear；将日期输入到输入中来设置选择器的日期；。

---

这就是它的全部；当用户决定单击输入时，datepicker将自行处理更改。

@ifold'summersceanyear'='2017'此语法看起来不像是普通的JavaScript和/或jQuery。请将您正在使用的框架的标记添加到文档中的questionUse方法。。。设定日期。除此之外，您还告诉了我们您想要做什么，但没有告诉我们代码有什么问题shown@chade_这就是laravel blade。@如果old'summersceenyear'='2017'这个语法看起来不像是普通的JavaScript和/或jQuery。请将您正在使用的框架的标记添加到文档中的questionUse方法。。。设定日期。除此之外，您还告诉了我们您想要做什么，但没有告诉我们代码有什么问题shown@chade_那是拉威尔刀片。我已经试过了，但没有使用“var year=；$”“夏季季节年”。关于“变化”，函数{var-summersceanyear=$summersceanyear.val；$'summersceanyear'.attr数据summerYear，summersceanyear；year=$'summersceanyear.val；var-start=新日期1月1日，+year+00:00:00；var-end=新日期新日期。setYearstart.getFullYear+1；$'earlime\u summer\u open.val01+.+01+.+year.toString.substr2,2；console.logstart；}；“我已经尝试了，但没有工作”var year=；$“SummersceaseYear”。在“更改”上，函数{var-summersceanyear=$summersceanyear.val；$'summersceanyear'.attr数据summerYear，summersceanyear；year=$'summersceanyear.val；var-start=新日期1月1日，+year+00:00:00；var-end=新日期新日期。setYearstart.getFullYear+1；$'earlime\u summer\u open.val01+.+01+.+year.toString.substr2,2；console.logstart；}；'

    <div class="col-md-6">
       <div class="form-group {{ $errors->has('summerSeasonYear') ? ' has-error' : '' }}">
                                                    <label>@lang('openingClosingSeason.summerSeasonChooseSeasonLabel') <span class="required">*</span></label>

        <select class="form-control" name="summerSeasonYear" id="summerSeasonYear">
          <option value="0">@lang('openingClosingSeason.summerSeasonChooseSeasonSelect')</option>
           <option value="2017" @if(old('summerSeasonYear') == '2017') selected="selected" @endif>2017</option>
           <option value="2018" @if(old('summerSeasonYear') == '2018') selected="selected" @endif>2018</option>
           <option value="2019" @if(old('summerSeasonYear') == '2019') selected="selected" @endif>2019</option>
       </select>
    </div>
  </div>

    <div class="col-md-6">
      <div class="form-group {{ $errors->has('earliest_summer_open') ? ' has-error' : '' }}">
      <label for="earliest_summer_open">@lang('openingClosingSeason.summerSeasonEarliestOpen') <span class="required">*</span></label>
    <input type="text" class="form-control" id="earliest_summer_open" name="earliest_summer_open" placeholder="@lang('openingClosingSeason.summerSeasonEarliestOpenPlaceholder')" data-date-format="dd.mm.yy" readonly="true" value="{{old('earliest_summer_open')}}">
    </div>
 </div>

var start = '';
    var end   = '';

    setSummerYear(null, null);

    $('#summerSeasonYear').on('change', function(){
        var summerSeasonYear = $("#summerSeasonYear").val();
        $( "#summerSeasonYear" ).attr( "data-summerYear", summerSeasonYear );
        start = new Date();
        end   = new Date(new Date().setYear(start.getFullYear()+1));
        setSummerYear(start, end)
    });


    function setSummerYear(start, end)
    {
        $('#earliest_summer_open').datepicker({
            autoclose: true,
            todayHighlight: true,
            startDate : start,
            endDate   : end
        });
    }