Multiple DatePicker Problème avec le même ID

supposé être comme celui-ci xxx

Je rencontre un même problème, peut-être aider à quelqu'un.

Utilisez simplement les mêmes classes et avec la même profondeur, cela fonctionnera bien (au moins pour moi c'est).

Dans mon cas, j'ai le contrôle DatePicker sur l'un des dialogues. Cette boîte de dialogue utilise quelque chose.Cshtml. Sur cette page, il existe une disposition pour ajouter un enfant qui a le même type. Ainsi, la boîte de dialogue sur la boîte de dialogue Parent utilise également le même CSHTML, à la suite de laquelle l'ID de l'entrée est identique. Maintenant, lorsque je sélectionne une date sur la boîte de dialogue enfant, elle définit réellement la date à la boîte de dialogue Parent.

J'ai essayé des choses comme la spécification du nom du formulaire dans chaque boîte de dialogue .. comme xxx

Aucun d'entre eux n'a travaillé pour moi. Dans les deux cas, il définit la date de contrôle de la boîte de dialogue Parent.

Le problème réside dans le code JQuery DatePicker dans la fonction _attachhandlers. L'argument de la fonction est l'instance de l'actualité DatePicker 'Inst'. L'entrée correcte est inst.input. Mais l'ID 'n'est qu'une représentation à chaîne et vous ne pouvez jamais obtenir la bonne entrée si vous avez des identités en double. La solution de contournement facile consiste à remplacer l'argument 'ID' dans les fonctions du gestionnaire avec l'inst.input de sorte qu'il pointera de l'entrée correcte.

Également si vous regardez de plus près dans les fonctions du gestionnaire, vous pouvez voir qu'ils essaient d'être inverse Ingénieur à travers l'identifiant de retour à la bonne entrée ... Pourtant, cela vous obtiendra le premier élément correspondant avec cette sorcière ID N'EST PAS ce que nous voudrions. P> xxx pré>

et par $ (ins.input) nous renvoie inst.input Peut facilement le réparer avec ce minuscule réglage. P>

acclamations p>

code JQuery original UI.1.10.3 P>

    _attachHandlers: function(inst) {
        var stepMonths = this._get(inst, "stepMonths"),
            id = "#" + inst.id.replace( /\\\\/g, "\\" );
        inst.dpDiv.find("[data-handler]").map(function () {
            var handler = {
                prev: function () {
                    $.datepicker._adjustDate(inst.input, -stepMonths, "M");
                },
                next: function () {
                    $.datepicker._adjustDate(inst.input, +stepMonths, "M");
                },
                hide: function () {
                    $.datepicker._hideDatepicker();
                },
                today: function () {
                    $.datepicker._gotoToday(inst.input);
                },
                selectDay: function () {
                    $.datepicker._selectDay(inst.input, +this.getAttribute("data-month"), +this.getAttribute("data-year"), this);
                    return false;
                },
                selectMonth: function () {
                    $.datepicker._selectMonthYear(inst.input, this, "M");
                    return false;
                },
                selectYear: function () {
                    $.datepicker._selectMonthYear(inst.input, this, "Y");
                    return false;
                }
            };
            $(this).bind(this.getAttribute("data-event"), handler[this.getAttribute("data-handler")]);
        });
    },