Ok ich etwas ähnliches implementieren musste vor kurzem und fand eine einfache Möglichkeit, dies zu tun. Mir ist klar, dass das viel zu spät ist, aber ich habe diese Frage während meiner Recherche gefunden.
Sagen Sie den unten Vorlage ist: (der Kürze halber vereinfacht)
<div class="k-block k-shadow">
<p>Contract Start Date: </p>
<input type="text" tabindex="7"
class="k-input k-textbox"
name="Contract_Start_Date"
id="Contract_Start_Date"
data-bind="value:Contract_Start_Date"
data-format="MMMM yyyy"
data-start="year"
data-depth="year"
data-change="setContractMinEnd"
data-role="datepicker" />
</div>
<div class="k-block k-shadow">
<p>Contract End Date: </p>
<input type="text" tabindex="8"
class="k-input k-textbox"
name="Contract_End_Date"
id="Contract_End_Date"
data-bind="value:Contract_End_Date"
data-format="MMMM yyyy"
data-start="year"
data-depth="year"
data-role="datepicker" />
</div>
Der Code unten für das Contract_Start_Date Feld ordnet eine JS-Funktion „Ändern“ Ereignis des Feldes:
data-change: setContractMinEnd
I die obige Funktion in einem Skriptblock hinzugefügt, um mit der Seite zu gehen. Und nun das Startdatum jedes Mal das Enddatum geändert wird bekommt einen Minimalwert, der das Startdatum ist:
function setContractMinEnd() {
var edval = $('#Contract_Start_Date').data("kendoDatePicker");
var sdval = $('#Contract_End_Date').data("kendoDatePicker");
if (sdval && edval) {
edval.min(sdval.value());
}
}
Sie können natürlich Lust bekommen mit dieser Logik und stellen Sie die unten oder etwas in diesem Sinne:
edval.min(new Date())
Hoffe, dass es jemand hilft ...
es ist nicht mit Vorlagen – jestges