在javascript中为datepicker设置maxDate和minDate，不起作用

Posted 2023-05-07

【中文标题】在javascript中为datepicker设置maxDate和minDate，不起作用

【英文标题】：Set maxDate and minDate for datepicker in javascript, not working

【发布时间】：2017-05-24 12:18:23

【问题描述】：

我在 Google 中查看了很多教程和 QA，并尝试了所有排列和组合技巧。我的日历仍然不受我设置的maxDate 和minDate 的限制。请有人检查并让我知道我的代码有什么问题。

我的javascript函数是

$(function () 

    $("[id$=txtPaymentDate]").datepicker(
        maxDate: "+0D",
        showOn: 'button',
        dateFormat: 'mm-dd-yyyy',
        buttonImageOnly: true
    );
);

...还有我的body 代码：

<td>
    <asp:TextBox ID="txtPaymentDate" runat="server" CssClass="form-control" placeholder="(YYYY-MM-DD)"></asp:TextBox>
    <span id="spnAltContactNumber" style="color: Red;" runat="server"></span>
</td>

编辑

即使我设置了dateFormat as 'yyyy-mm-dd'，它仍然显示日期为mm/dd/yyyy。

我有以下脚本。需要额外的吗？

<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>

【问题讨论】：

您使用的是哪个datepicker 插件？

@Rao 这是什么意思？我真的不知道？

【参考方案1】：

对于这个 maxDate 和 minDate 不起作用。相反，您需要使用 startDate 和 endDate，如下所示。

$("[id$=txtPaymentDate]").datepicker(
                showOn: 'button',
                dateFormat: 'mm-dd-yyyy',
                buttonImageOnly: true,
                startDate: '-5d',//previous date
                endDate: new Date()//current date

            );

愉快的编码

【参考方案2】：

根据.net更改文本框

 $( function() 
    $( "#txtPaymentDate" ).datepicker(dateFormat: 'dd M yy',maxDate: 1);
   );

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<td>
<p>Date: <input type="text" id="txtPaymentDate"></p>
 </td>

它应该是 maxDate: 1 $( "#datepicker").datepicker(dateFormat: 'dd M yy',maxDate: 1);

【讨论】：

在这里我运行代码 sn-p 它的工作很酷。但是当我完全集成到我的代码中时，它仍然没有冻结 maxdate:_(((

你能给我看看链接吗...或者你有没有检查过是否有另一个同名的ID？

最后两个

不是在线脚本，你可以下载

那么现在该怎么做才能使我的日历正常工作？我已经尝试了所有。可能是什么原因？