Question

在给定的小提琴中here

有两个日期输入＆＃39;来自＆＃39;和＆＃39;

我要在其中禁用“来自”的未来日期。只有当我应用endDate代码时才适用于＆＃39;来自＆＃39;和＆＃39;到＆＃39;日期。

我想申请＆＃39; endDate＆＃39;我希望在＆＃39;中禁用以后的日期。只有字段而不是＆＃39;到＆＃39;日期字段。

我从thiss网站

中选择了这个日期选择器

{{1}}

如有任何疑问，请在下面发表评论

Answer 1

由于您使用的是日期范围功能而无法单独初始化日期选择器，因此您可以使用内置的setEndDate method设置特定input的{{3}} } element。

$('.input-daterange [name="start"]').datepicker('setEndDate', '+0d');

在您的情况下，您将在input个字段上初始化日期范围选择器（就像您已经在做的那样），然后按其属性定位特定的input元素并使用{{1}方法：

endDate property

setEndDate

完整片段：

$('.input-daterange').datepicker({
  autoclose: true
});
$('.input-daterange [name="start"]').datepicker('setEndDate', '+0d');

$('.input-daterange').datepicker({
  autoclose: true
});
$('.input-daterange [name="start"]').datepicker('setEndDate', '+0d');

Answer 2

为每个输入字段分配一个ID：

然后代替$('.input-daterange')使用$('#startdate')和$('#enddate')，只在您需要的地方加入endDate: '+0d'。

Answer 3

您可以使用输入name属性作为选择器，并为datepicker的每个实例设置属性。

// HTML
<div class="input-daterange input-group" id="datepicker">
   <span class="input-group-addon">from</span>
    <input type="text" class="input-sm form-control" name="start" />
    <span class="input-group-addon">to</span>
    <input type="text" class="input-sm form-control" name="end" />
</div>

// JS
$('input[name=start]').datepicker({
  autoclose: true,
  endDate: '+0d'
});

$('input[name=end]').datepicker({
  autoclose: true
});

Answer 4

试试这个：

$(".datepicker").datepicker({maxDate: '0'});

想要在＆＃39;中禁用以后的日期日期字段仅在daterangepicker中

4 个答案: