Kendo UI Datepicker disabilita la digitazione

Question

Desidero che gli utenti siano in grado di modificare un valore DatePicker dell'interfaccia utente Kendo solo tramite il relativo pulsante e selezionando la data dal popup. Come posso impedire agli utenti di digitare nella casella di testo Datepicker? Posso disabilitare la casella di testo senza disabilitare l'intero controllo?

Answer 1

Trova il tuo elemento di input, e disabilitarlo

$('#datepicker').attr('disabled','disabled'); 

(provato sul kendo sito demo http://demos.kendoui.com/web/datepicker/index.html)

Answer 2

Se si vuole evitare che utenti fino ad oggi nel selettore data e unica data selezionare la digitazione dal pop -up provare questo codice

$(".k-datepicker").find('span').find('input').attr("readonly", "readonly"); 

Answer 3

Naturalmente, il widget data e ora picker dovrebbe avere la possibilità di forzare solo ingresso con interfaccia utente e non da ke yboard ... Altrimenti è una ricetta per un vero DateTime che "forma" un incubo! Sono abbastanza sorpreso che il framework non fornisca nulla per questo ovvio caso d'uso.

Ho avuto la stessa necessità e ottenuto di lavorare utilizzando la seguente logica:

$("#date").kendoDatePicker({ 
    format: "dd MMMM yyyy" 
}); 
$("#date").attr("readonly","readonly"); 

In questo modo l'utente non può immettere un valore da tastiera e può solo inserire una data ben formattato utilizzando la finestra di selezione data di discesa .

Answer 4

Sul elemento di input aggiungere questo attributo e il valore ...

onkeydown="return false;" 

Questo disabiliterà input digitato e consentono ancora utilizzando l'ingresso controllo calendario.

Answer 5

lo si può fare in due modi

//disable kendo ui datapicker click event 
    $(".k-datepicker input").bind('click dblclick',function() { 
     return false; 
    }); 

    //make it readonly 
    $(".k-datepicker input").prop("readonly", true); 

Answer 6

Utilizzare il controllo come sotto-

@(Html.Kendo().DatePicker() 
.Name("FromDate") 
.HtmlAttributes(onkeydown="javascript:return false;" }) 
    ) 

Sarà disabilitare digitazione della tastiera. Allo stesso modo possono essere gestite anche altre condizioni.

Answer 7

Infatti, il widget non limita l'utente mentre digita l'input. La ragione di questo comportamento è spiegato qui: Why widget does not restrict typing

Insieme a tutte le altre soluzioni condivise in questa discussione, l'uno può creare un costume mascherato DatePicker, che limiterà l'utente in un formato data specifica. Controllare questo how-to demo per maggiori dettagli:

Create Date Masking

** Si noti che questo non è supportato da Kendo UI come un built-in funzione, quindi avrete bisogno di usarlo a proprio rischio. La buona notizia è che funziona piuttosto bene senza effetti collaterali noti.