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

Question

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

Answer 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

            });

愉快的编码

Answer 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});