首页 > 解决方案 > 如何防止在 jQuery 日期范围选择器中重置日期范围?

问题描述

我有一个简单的日期范围选择器,我的第一次单击和第二次单击都可以,它会显示两个选定的日期范围,但在第三次单击时,日期范围会重置并返回默认行为。如何防止在第三次或第四次单击时重置我希望日期范围始终显示在所选日期(如 Google 航班)的基础上。

谷歌航班: https ://www.google.com/flights?gl=us&hl=en#flt=/m/0fn2g.HKG.2018-11-29*HKG./m/0fn2g.2018-12-04;c :THB;e:1;sd:1;t:f

var options = {
  startOfWeek: 'monday',
  separator: ' ~ ',
  format: 'DD.MM.YYYY HH:mm'
 };

$('#date-range0')
  .dateRangePicker(options)
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-date-range-picker/0.14.4/daterangepicker.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-date-range-picker/0.14.4/jquery.daterangepicker.min.js"></script>
<input id="date-range0" size="40" value="">

https://jsfiddle.net/Ethan0007/1w7u8bno/

标签: jquerydaterangepicker

解决方案


推荐阅读