在jquery中禁用当前日期之前的日期并且输入在用户控件中并且用户控件在更新面板中

Posted 2023-05-08

【中文标题】在jquery中禁用当前日期之前的日期并且输入在用户控件中并且用户控件在更新面板中

【英文标题】：Disable date before current date in jquery and input is in user control and user control is in update pannel

【发布时间】：2017-08-10 19:15:24

【问题描述】：

我为无法选择上一个日期的用户尝试了很多，但下面的代码也无法正常工作是尝试相同的代码，但是 我正在使用 Bootstrap Datepicker v1.4.1

下面是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>

关闭body标签之前的脚本代码是

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

点击文本框后，日期选择器如下所示，请帮助我...

【参考方案1】：

下面的代码对我有用，如果有任何建议请告诉我...

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