glyphicon日曆開始和結束日期

我有這段代碼的aspx：glyphicon日曆開始和結束日期

<div class="col-xs-2"> 
    <label for="txtDateActioned" style="cursor: pointer;">Date Actioned</label> 
    <div id="sandbox-container"> 
     <div class="input-group date"> 
      <input type="text" class="form-control" id="txtDateActioned" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
     </div> 
    </div> 
</div>

從我的理解（我不是一個Web開發人員，只是維護掙扎）這是一個自舉日期時間選擇器。

我的不起眼的願望是將「結束日期」（或「最大日期」）設置爲「今天」或任何其他日期。我試着這樣做使用JS（在$(document).ready(function()...)部分）：

$('#txtDateActioned').daterangepicker(
    { 
     maxDate: "01-09-2016" 
    } 
);

不過，我不能找到一種方法，使其工作。用戶仍然可以選擇未來的日期，這正是我想要阻止的。我也嘗試了不同的日期格式，如'2016-09-01'，並嘗試'$('#txtDateActioned').datetimepicker()'。然而，沒有爲我工作。

任何幫助最受讚賞。

埃拉德

來源

2016-10-04 Elad Gutman

請參閱 - http://www.daterangepicker.com/。我知道你已經包含了daterange picker的所有必要文件。此外，在日期範圍選擇器的情況下，您可以使用'startDate'和'endDate'而不是'maxDate'來定義範圍。 'dateDate'適用於datetimepicker的情況。 –

我的解決辦法：

1）我添加了一個ID爲div包含了「輸入組日期」類。

<div id="dateActionedDP" class="input-group date"> 
    <input type="text" class="form-control" id="txtDateActioned" /><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
</div>

2）在JS代碼（$(document).ready(function() ...）我增加了以下內容：

$("#dateActionedDP").datepicker("setEndDate", '+0d');

這爲我工作。謝謝大家的幫助。

Elad

來源

2016-10-10 06:24:05

您可以嘗試的結束日期代替的maxDate

，如： - 結束日期： '+ 0D'

來源

2016-10-04 05:57:25

的例子可能是

$（'。datepicker'）。日期選擇器（{
  format: 'dd/mm/yyyy', 
      startDate: '-30y', 
      endDate:'+0d', 
     }); 

這裏Ÿ在開始日期：「-30y」指示該壓延機的啓動年，d在結束日期：「+ 0D」的指示的最後日期這是當前日期的日曆。你可以嘗試this.good運氣:)

來源

2016-10-04 06:02:38

glyphicon日曆開始和結束日期

回答

相關問題