La désactivation de kendo datepicker lors d'un clic sur la case à cocher

J'ai deux kendo sélecteur de date dans des boîtes d'entrée et une case à cocher je veux montrer le kendo datepickers tout le temps avec la date actuelle . mais ils deviennent activer /sélectionnable /modifiable UNIQUEMENT lorsque l'utilisateur a coché la case.

Case

<input type="checkbox" id="RequredFilter" />

2 kendo Datepickers.

<input type="text" id="DateFrom" />
<input type="text" id="DateTo" />

J'ai essayé diverses choses, comme la désactivation des zones de texte, etc, mais datepickers juste continuer à travailler/affichage..

InformationsquelleAutor StarDust | 2013-01-15
  1. 35

    Il y a de la méthode spéciale pour l'activation/la désactivation de la DatePicker appelé permettre - vérifier cette démo.

    $('#RequredFilter').click(function(e){
    if($(this).is(':checked')){
        $('#DateFrom').data('kendoDatePicker').enable(true);
        $('#DateTo').data('kendoDatePicker').enable(true);
    }
    else{
        $('#DateFrom').data('kendoDatePicker').enable(false);
        $('#DateTo').data('kendoDatePicker').enable(false);
    }
})
    InformationsquelleAutor Petur Subev
  2. 0

    Voici une approche légèrement différente:

    $(document).ready(function() {
    $("#RequredFilter").change(function() {
        $('#DateFrom').data('kendoDatePicker').enable(this.checked);
        $('#DateTo').data('kendoDatePicker').enable(this.checked);
    });
});
    InformationsquelleAutor mmcfly