只想在daterangepicker

在給定的小提琴禁用「從」日期字段在未來的日期here 只想在daterangepicker

有「從」是兩個日期輸入「到」

在這我想禁用將來的日期只在'從'，但是當我申請endDate代碼適用於'從'和'到'日期。

我想申請'endDate'，那就是我想在'from'字段中禁用未來日期，而不是在'to'日期字段中。

我選擇這個日期選擇器從thiss網站

<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> 

$('.input-daterange').datepicker({ 
    autoclose: true, 
    endDate: '+0d' 
    });

對於任何查詢下面

來源

2017-02-24 R K

也許[這樣的事情？]（http://jsfiddle.net/zegswt85/2/） – KiRa

由於您正在使用日期範圍功能，並且無法單獨初始化日期選擇器，因此可以使用內置setEndDate method來設置特定input元素的endDate property。

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

在你的情況，你會初始化兩個input域中的日期範圍選擇器（如你已經在做的），然後通過它的屬性指定的特定input元素，並使用setEndDate方法：

Updated Example

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

全段：

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://uxsolutions.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script> 
 
<link href="https://uxsolutions.github.io/bootstrap-datepicker/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"/> 
 
<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>

來源

2017-02-28 18:54:10

請評論分配一個ID，每個輸入字段：

然後，而不是$('.input-daterange')使用$('#startdate')和$('#enddate')並且只包含您需要它的地方endDate: '+0d'。

來源

2017-02-24 21:41:31 manassehkatz

通過應用此我會殺了按類應用的內置功能範圍'input-daterange' –

我不確定你指的是什麼。使用這個而不是$（'。input-daterange'）將導致2個單獨的日期選擇器，一個沒有限制，另一個未來日期被阻止。如果在input-daterange上有任何CSS仍然處於活動狀態。 – manassehkatz

殺死範圍功能我的意思不僅僅是css部分，而且還包括何時'To'日期小於'From'日期時，它會自動更改'From'日期，因此在'To' .input-daterange'class –

您可以使用輸入name屬性的選擇，併爲日期選擇器的每個實例的屬性設置。

// 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 
});

來源

2017-03-01 00:33:18 grizzthedj

試試這個：

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

來源

2017-03-01 05:11:03

只想在daterangepicker

回答

相關問題