glyphicon-Kalender Start- und Enddatum

Question

Ich habe dieses Stück aspx-Code:

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

Von meinem Verständnis (und ich bin nicht ein Web-Entwickler, nur bei der Wartung zu kämpfen) ist dies ein Bootstrap-Datetime-Picker.

Mein bescheidener Wunsch ist es, das "Enddatum" (oder "max date") auf "Heute" oder ein anderes Datum zu setzen. Ich habe versucht, dies zu tun mit JS (im $(document).ready(function()...) Abschnitt):

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

Aber ich kann nicht einen Weg finden, damit es funktioniert. Der Benutzer kann immer noch ein zukünftiges Datum auswählen, was genau das ist, was ich verhindern möchte. Ich habe auch verschiedene Datumsformate wie "2016-09-01" ausprobiert und auch "$('#txtDateActioned').datetimepicker()" versucht. Nichts hat jedoch für mich funktioniert.

Jede Hilfe wird am meisten geschätzt.

Elad

Answer 1

Meine Lösung:

1) ich eine ID für das div hinzugefügt enthält die 'Input-Gruppe Datum' Klasse.

<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) In js Code ($(document).ready(function() ...) Ich habe folgendes:

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

Das ist für mich gearbeitet. Danke allen für Ihre Hilfe.

Elad

Answer 2

Sie können versuchen endDate statt MaxDate

wie: - endDate: '+ 0T'

Answer 3

das Beispiel

könnte

$ ('. Datumsauswahl'). picker ({

  format: 'dd/mm/yyyy', 
      startDate: '-30y', 
      endDate:'+0d', 
     }); 

hier die y in startdate: '-30y' ist, die das Startjahr des Plans und d in endDate: '+ 0T' anzeigt, das letzte Datum der Kalender, der das aktuelle Datum ist. können Sie this.good Glück versuchen :)