comment définir min date de kendo datetime picker

Salut, j'ai un kendo modèle, et ce modèle contient une zone de texte comme ci-dessous avec datetime picker.

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

Maintenant je veux mettre en valeur min pour cela. j'.e je ne veux pas permis de sélectionner les jours précédents qu'aujourd'hui.

Un exemple?

Vous voulez dire que vous avez voulu pour Initialiser le sélecteur de date avec déjà attribuer une valeur min au-delà du passé de l'utilisateur cant sélectionner quoi que ce soit?

OriginalL'auteur jestges | 2013-07-25

  1. 6

    Essayer cette

    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));
    il va travailler de façon autonome. mais je suis en utilisant datepicker dans mon template comme le code ci-dessus
    Kendo fournit de nombreux date de aides. Vous pouvez simplement appeler kendo.date.today() pour obtenir la date courante sous forme de JavaScript Date objet. Note: je crois que cette aide a été ajouté au T2 2013.

    OriginalL'auteur Janie B

  2. 3

    Généralement, vous pouvez faire un peu de javascript ici:

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

    mais je ne sais pas si ça va fonctionner au sein de votre modèle de chemin. Peut-être que c'est un début.

    il n'est pas travailler avec des modèles
    Ce qui a fonctionné pour moi a été de retirer les kendoDatePicker (), par exemple: var myDatePicker = $("#date").de données("kendoDatePicker"); myDatePicker.min(new Date());

    OriginalL'auteur thmshd

  3. 2

    Ok j'ai dû mettre en place quelque chose de similaire récemment et a trouvé un moyen simple de faire cela. Je réalise que c'est trop tard, mais j'ai trouvé cette question, alors que je faisais mes recherches.

    Dire le ci-dessous est votre template: (Simplifié pour des raisons de concision)

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

    Le code ci-dessous pour les Contract_Start_Date champ assigne une fonction JS à l'événement "change" de ce champ: 

    data-change: setContractMinEnd

    J'ai ajouté la fonction ci-dessus dans un bloc de script pour aller à la page. Et maintenant, à chaque fois la date de début est changé la date de fin obtient une valeur minimale qui est la date de démarrage:

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

    Vous pouvez bien sûr obtenir la fantaisie avec cette logique et de définir le ci-dessous ou quelque chose à cet effet: 

     edval.min(new Date())

    Espère que cela aide quelqu'un...

    Si je dois mettre min date de début, avant de sélectionner la date. De sorte que l'utilisateur ne peut pas sélectionner la date précédente. Comment puis-je le faire?

    OriginalL'auteur poorraj

  4. 0

    Vous pouvez simplement transmettre des données-min="votre Date au bon format" html dans les commentaires. 

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

    Ce n'aurez même pas les dates de spectacle au-delà de la valeur minimale.

    OriginalL'auteur jaydeep marvaniya