Set maxDate and minDate for datepicker in javascript, not working

Question

I have checked lot of tutorials and QAs in Google and tried with all permutation and combination tricks. Still my calender is not restricted with maxDate and minDate as I set. Please can someone check and let me know whats wrong with my code.

my javascript function is

$(function () {

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

...and my body code:

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

EDIT

Even though I've set dateFormat as 'yyyy-mm-dd' , it is still showing the date as mm/dd/yyyy .

I have these following scripts. Is there any extra is required?

<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

For this maxDate and minDate does not work.Instead u need to use startDate and endDate as below.

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

            });

Happy coding

Answer 2

change textbox accoring to .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>

it should be maxDate: 1 $( "#datepicker").datepicker({dateFormat: 'dd M yy',maxDate: 1});