Bootstrap Datetime dp.change nicht wie erwartet funktioniert

Question

Hier ist der Code

       <td nowrap> 
            <input data-val="true" data-val-number="The field Id must be a number." data-val-required="The Id field is required." id="MeetingToEdit_Id" name="MeetingToEdit.Id" type="hidden" value="33" /> 
            <input id="MeetingToEdit_SubjectId" name="MeetingToEdit.SubjectId" type="hidden" value="7f0912f9-4d7f-48a1-8290-acd66fd937f0" /> 
            <input data-val="true" data-val-required="The FirstName field is required." id="MeetingToEdit_FirstName" name="MeetingToEdit.FirstName" type="hidden" value="R" /> 
            <input data-val="true" data-val-required="The LastName field is required." id="MeetingToEdit_LastName" name="MeetingToEdit.LastName" type="hidden" value="Fa" /> 
            <input data-val="true" data-val-required="The Email field is required." id="MeetingToEdit_Email" name="MeetingToEdit.Email" type="hidden" value="rukidmanff@msn.com" /> 
            <input id="MeetingToEdit_Company" name="MeetingToEdit.Company" type="hidden" value="Australia" /> 
            <input id="MeetingToEdit_HostFirstName" name="MeetingToEdit.HostFirstName" type="hidden" value="Neer" /> 
            <input id="MeetingToEdit_HostLastName" name="MeetingToEdit.HostLastName" type="hidden" value="Admin" /> 
            <input id="MeetingToEdit_HostEmail" name="MeetingToEdit.HostEmail" type="hidden" value="admin@admin.com" /> 
            <input id="MeetingToEdit_HostMobile" name="MeetingToEdit.HostMobile" type="hidden" value="+6968723" /> 
            <script> 
             $('#MeetingToEdit_StartTime').on('dp.change', function (selected) { 
              var endDate2 = $('#MeetingToEdit_EndTime'); 
              endDate2.data("DateTimePicker").minDate(moment(selected.date)); 
              endDate2.data("DateTimePicker").date(moment(selected.date).add(1, "hour")); 
             }); 
            </script> 
            <input type="submit" class="btn btn-default" value="Update" /> 
            <a class="btn btn-default" href="/Home/ReinviteVisitor?visitorId=7f0912f9-4d7f-48a1-8290-acd66fd937f0&amp;email=rukiman%40msn.com">Cancel</a> 
           </td> 

Wenn die Seite geladen ich diesen Fehler: Javascript Laufzeitfehler: Kann nicht Eigentum ‚minDate‘ undefinierter oder NULL-Verweis erhalten diesem ist für die Zeile: ndDate2.data ("DateTimePicker"). minDate (Moment (selected.date));

Auch als Randnotiz wird der datetimepicker nicht an der richtigen Position angezeigt. Je mehr Zeilen sich auf dem Tisch befinden, desto höher ist der Datumszeiger positioniert, anstatt als Teil des Textfelds zu erscheinen, aus dem er geöffnet wurde.

Answer 1

Ihre DateTimePicker-Instanz scheint nicht in der Dateneigenschaft Ihrer Eingabe gespeichert zu sein.

Sie sollten so etwas versuchen:

var endDate2 = $('#MeetingToEdit_EndTime'); 
endDate2.minDate(moment(selected.date)); 
endDate2.date(moment(selected.date).add(1, "hour"));