2017-08-02 2 views
-1

J'utilise jquery datepicker dans bootstrap modal popup .Une fois, nous avons ouvert la popup et nous pouvons sélectionner la date et cliquez sur le bouton 'Enregistrer'. Le popup est fermé et la page est rechargée et les données sont sauvegardées dans la base de données. Cela fonctionne jusqu'à ici comme prévu. Mais, dans le scénario suivant, cela ne fonctionne pas comme prévu.Jquery datepicker dans Bootstrap modale pop up ne fonctionne pas comme prévu

  • J'ouvre popup et fermer les popup sans cliquer sur le bouton 'Save'
  • Quand j'ouvre à nouveau pop-up et entrer la date et cliquez sur 'Save' il jette jquery erreur non définie.

Après mon code:

<div class="modal-body"> 
     <div class="form-group"> 
     <label for="<%=txtDate.ClientID %>">Date:</label> 
     <asp:TextBox runat="server" ReadOnly="true" ID="txtDate" CssClass="form-control datepicker"></asp:TextBox> 
    </div><hr/> 
<asp:Button ID="btnSave" runat="server" CssClass="btn btn-warning" Text="Save" OnClick="btnSave_Click" UseSubmitBehavior="false" data-dismiss="modal" /> 
<button type="button" class="btn pull-right" data-dismiss="modal">Close</button></div> 

Mon code JS:

<script src="<%=ConfigurationManager.AppSettings["Rootfolder"] %>/Scripts/jquery-ui-1.11.2.js"></script> 

    <script type="text/javascript"> 

     var txt1 = '#<%= txtDate.ClientID%>'; 
     $today = new Date(); 
     $yesterday = new Date($today); 
     $yesterday.setDate($today.getDate() - 0); 

     $(function() { 
      $(".datepicker").datepicker({ 

       dateFormat: "dd/mm/yy", 
       minDate: $yesterday, 
       autoclose : true 
      }); 

     }); 

    </script> 

Suis-je manque quelque chose? S'il vous plaît laissez-moi savoir si je dois ajouter quelque chose que j'ai essayé pendant trop longtemps et cela ne fonctionne pas comme prévu.

+0

Quel est le numéro de l'erreur non définie? Il devrait y avoir un nombre. –

+0

Essayez d'utiliser l'ID au lieu de la classe. ('#txtDate'). datepicker ({}) – Rahul

+0

@Fotis Grigorakis il se comporte chaque fois différemment. Parfois, il jette une erreur et parfois il ne suffit pas de poster la page pour enregistrer les données.J'ai juste essayé de vous donner le numéro d'erreur mais il n'affiche pas la page pour sauvegarder et ne pas lancer d'erreur même dans la console. – user8403440

Répondre

0

J'ai essayé de le réparer en rechargeant jQuery mais cela n'a pas fonctionné. Donc, au lieu de fermer uniquement la fenêtre contextuelle modale en cliquant sur le bouton Fermer, je ferme la fenêtre contextuelle modale, puis je recharge la page. Pour cela j'ai changé le bouton au contrôle de côté de serveur et sur l'événement de clic que je redirige vers la même page. Cela a résolu le problème.

Je poste ceci parce que si quelqu'un luttant avec le problème semblable, ceci pourrait faire le tour. Peut ne pas être la solution parfaite mais, cela a fonctionné pour moi.