Heim >Web-Frontend >Bootstrap-Tutorial >Wie kann der auswählbare Zeitbereich der Datumsauswahl im Bootstrap eingeschränkt werden? (Codebeispiel)

Wie kann der auswählbare Zeitbereich der Datumsauswahl im Bootstrap eingeschränkt werden? (Codebeispiel)

青灯夜游
青灯夜游nach vorne
2020-12-07 17:43:233429Durchsuche

bootstrapWie schränke ich den auswählbaren Zeitbereich der Datumsauswahl ein? Der folgende Artikel stellt Ihnen die Methode vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Wie kann der auswählbare Zeitbereich der Datumsauswahl im Bootstrap eingeschränkt werden? (Codebeispiel)

Empfohlene verwandte Tutorials: „Bootstrap-Tutorial

1. Anwendungsszenario

In tatsächlichen Anwendungen können Sie Daten innerhalb eines bestimmten Datumsbereichs basierend auf dem Datumsfeld abfragen, daher müssen Sie dies tun Legen Sie die Datumsauswahl fest. Optionale Zeitbeschränkungen:

Zum Beispiel: Die Startzeit darf nicht größer als die Endzeit sein und die Endzeit darf nicht kleiner als die Startzeit sein. Zu diesem Zeitpunkt gelten die Werte von startDate und endDate muss dynamisch für die Startdatumsauswahl und die Enddatumsauswahl festgelegt werden.

2. Verwandte Wissenspunkte

1. Initialisierung von Bootstrap-Datepicker.js und Bootstrap-Datepicker.css

Verständnis der Bootstrap-Datepicker-Konfigurationsparameter Datepicker-ChangeDate-Ereignis: Wird ausgelöst, wenn sich das Datum ändert. Latest/methods.html

3. Anwendungsbeispiele

1. Deklarieren Sie in JS den Datumswähler

<span style="font-size:14px;"><div class="col-md-6 cy-text-right-md">
	<div class="form-inline">
		<div class="form-group cy-mar-ver-s">
			<span class="cy-pad-hor-s">最后接入时间</span>
		</div>
		<div class="input-daterange input-group" id="datepicker">
			<input type="text" class="form-control" name="start" id="qBeginTime" />
			<span class="input-group-addon">至</span>
			<input type="text" class="form-control" name="end" id="qEndTime" />
		</div>
		<div class="form-group cy-mar-ver-s">
			<button class="btn btn-primary cy-pad-rgt-s" onclick="javascript:doQuery();" type="button">搜索</button>
		</div>
	</div>
</div></span>

Für mehr Programmierwissen besuchen Sie bitte:

Programming Learning Website

! !

Das obige ist der detaillierte Inhalt vonWie kann der auswählbare Zeitbereich der Datumsauswahl im Bootstrap eingeschränkt werden? (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen