代码之家 › 专栏 › 技术社区 › Dennis

日历不是从今天开始jqueryui日期范围选取器

daterangepicker datepicker jquery-ui jquery javascript

Dennis · 技术社区 · 7 年前

我正在使用jquery ui日期范围选取器( reference )

我希望日历从今天开始,没有最长日期。我试图用日历上的时间来计算日期。

这是我拥有的HTML&JS代码,但它将结束日期设置为今天,而不需要考虑。

<input id="search-vac-daterange" name="search-vac-daterange">

$("#search-vac-daterange").daterangepicker({
    minDate: moment(),
    startDate: moment()
});

我也试过 Mindate:新日期() 和 开始日期:新日期() . 也没有结果。日期以今天为结束日期。

注意:Moment工作是因为console.log(moment());返回一个Moment对象:

pÂ {_isAMomentObject: true, _isUTC: false, _pf: {â¦}, _locale: j, _d: Fri Jan 18 2019 16:14:35 GMT+0100 (Midden-Europese standaardtijd),Â â¦}

编辑:我已经尝试了下面给出的建议,它们都不会对解决方案产生影响。

dateFormat: 'dd/mm/yy',
minDate: moment().format('DD/MM/YYYY'),
startDate: moment().format('DD/MM/YYYY'),

或

minDate: new Date(moment("11-02-1993").format("YYYY-MM-DD")),
startDate: new Date(moment("11-02-1994").format("YYYY-MM-DD")),

添加了显示问题的图像:

1 回复 | 直到 7 年前

Rory McCrossan Hsm Sharique Hasan 7 年前

你有两个问题。首先 moment() 返回一个不是有效值的矩对象 minDate 或 startDate 选取器的属性。要解决这个问题,只需传递一个标准日期对象。

其次,您需要在 datepickerOptions 对象:

$("#search-vac-daterange").daterangepicker({
  datepickerOptions: {
    minDate: new Date(),
    startDate: new Date(),
    maxDate: '+1y' // required for future dates to be selectable
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<script type="text/javascript" src="http://tamble.github.io/jquery-ui-daterangepicker/daterangepicker-master/jquery.comiseo.daterangepicker.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/2.3.1/moment.min.js"></script>
<input id="search-vac-daterange" name="search-vac-daterange">