0

J'ai essayé beaucoup pour l'utilisateur pas en mesure de sélectionner la date précédente, mais aussi son code ci-dessous même, mais je suis en utilisant Bootstrap Datepicker v1.4.1Désactiver la date avant la date actuelle dans jquery et l'entrée est dans le contrôle de l'utilisateur et le contrôle utilisateur est dans le panneau de mise à jour

est sous le code pour le code usercontrol.ascx

 <asp:UpdatePanel ID="mainUpdate" runat="server"> 
     <ContentTemplate> 
    <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 form-row"> 
     <asp:TextBox ID="TextBox_deadline" runat="server" ToolTip="Enter your deadline in days" ClientIDMode="Static" ValidationGroup="ordernow" CssClass="form-control date-picker" placeholder="Deadline : dd/mm/yy"></asp:TextBox>    
    </div> 
    </ContentTemplate> 
    </asp:UpdatePanel> 

et le code de script avant de fermer la balise body est

<script> 
     function pageLoad() { 
      var date_input = $('input[name="NewCostCalculator1$TextBox_deadline"]'); //our date input has the name "date" 
      var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body"; 
      date_input.datepicker({ 
       format: 'dd/mm/yyyy', 
       container: container, 
       todayHighlight: true, 
       autoclose: true, 
       orientation: "left bottom", 
       minDate: 0, 
      }) 

     } 
    </script> 

après cliquez sur datepicker textbox ressemble ci-dessous s'il vous plaît aidez-moi ...

enter image description here

Répondre

0

ci-dessous le code fonctionne pour moi si des suggestions s'il vous plaît me dire ...

<script> 
      $(document).ready(function() { 
       Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); 

       function EndRequestHandler(sender, args) { 
        var date_input = $('input[name="NewCostCalculator1$TextBox_deadline"]'); //our date input has the name "date" 
        var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body"; 
        date_input.datepicker({ 
         format: 'dd/mm/yyyy', 
         container: container, 
         todayHighlight: true, 
         autoclose: true, 
         orientation: "left bottom", 
         startDate: new Date(), 
        }); 
       } 
       var date_input = $('input[name="NewCostCalculator1$TextBox_deadline"]'); //our date input has the name "date" 
       var container = $('.bootstrap-iso form').length > 0 ? $('.bootstrap-iso form').parent() : "body"; 
       date_input.datepicker({ 
        format: 'dd/mm/yyyy', 
        container: container, 
        todayHighlight: true, 
        autoclose: true, 
        orientation: "left bottom", 
        startDate: new Date(), 

       }); 
      }); 



     </script>