jak ustawić min date dla kendo datetime picker

Question

Witam Mam szablon kendo i ten szablon zawiera pole tekstowe jak poniżej z próbnikiem datetime.

<script id="popup_editor" type="text/x-kendo-template"> 
    <input data-role="datepicker" data-bind="value: datePickerValue" /> 
</script> 

Teraz chcę ustawić wartość minimalną dla tego. tj. nie chcę zezwalać na wybieranie dni wcześniejszych niż dzisiaj.

Dowolny przykład?

Answer 1

Zazwyczaj można zrobić skrypt tutaj:

var myDatePicker = $("#date").kendoDatePicker().data("kendoDatePicker"); 
myDatePicker.min(new Date()); 

ale nie jestem pewien, czy to będzie działać w szablonie w ten sposób. Może to dopiero początek.

Answer 2

Spróbuj

var myDatePicker = $("#myDatePicker").kendoDatePicker().data("kendoDatePicker"); 
var today = new Date(); 
var day = today.getDate(); 
var month = today.getMonth() + 1; 
var year = today.getFullYear(); 
myDatePicker.min(new Date(year,month,day)); 

Answer 3

Ok Musiałem zaimplementować coś podobnego niedawno i znaleźli prosty sposób, aby to zrobić. Zdaję sobie sprawę, że jest o wiele za późno, ale znalazłem to pytanie podczas moich badań.

Wypowiedz poniżej szablon: (uproszczony dla zwięzłość)

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

Poniższy kod w polu Contract_Start_Date przypisuje funkcję JS do „Zmień” wydarzenie tej dziedzinie:

data-change: setContractMinEnd

I dodano powyższą funkcję w bloku skryptu, aby wyjść ze stroną. I teraz za każdym razem, data rozpoczęcia zmienia się datę końcową dostaje wartość minimalna, która jest data rozpoczęcia:

function setContractMinEnd() { 
    var edval = $('#Contract_Start_Date').data("kendoDatePicker"); 
    var sdval = $('#Contract_End_Date').data("kendoDatePicker"); 
    if (sdval && edval) {       
     edval.min(sdval.value()); 
    } 
} 

Można oczywiście uzyskać fantazyjne z tą logiką i ustawić poniżej lub coś w tym rodzaju:

edval.min(new Date())

mam nadzieję, że ktoś pomoże ...