2017-01-10 3 views
3

Ich habe viele Tutorials und QAs in Google überprüft und versucht mit allen Permutation und Kombination Tricks. Immer noch ist mein Kalender nicht mit maxDate und minDate wie ich eingestellt. Bitte kann jemand überprüfen und lassen Sie mich wissen, was mit meinem Code falsch ist.Set MaxDate und MinDate für Datepicker in Javascript, funktioniert nicht

meine Javascript-Funktion ist

$(function() { 

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

... und mein 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

Auch wenn ich dateFormat as 'yyyy-mm-dd' festgelegt haben, ist es immer noch zeigt das Datum als mm/dd/yyyy.

Ich habe diese folgenden Skripts. Ist etwas extra erforderlich?

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

Welche 'datepicker' Plugin Sie verwenden? –

+0

@ Rao was bedeutet das? Ich habe wirklich keine Ahnung davon? – Dee

Antwort

2

Für diese MaxDate und minDate ist work.Instead nicht u startdate und endDate wie unten verwenden müssen.

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

      }); 

Glücklich Codierung

+0

Oh Gott !!! Danke. Es hat funktioniert :-) Danke euch allen @ Nishant, @ Rao, @ Deepa – Dee

0

ändern Textbox accoring

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

sollte MaxDate sein .net. 1 $ ("#datepicker") picker ({Datumsformat: ‚dd M yy ', maxDate: 1});

+0

Hier, wo ich Code-Snippet laufen seine Arbeit cool.Aber wenn ich in meinem Code genau integriert, ist es immer noch nicht einfrieren maxdate: _ ((( – Dee

+0

) können Sie mir den Link zeigen ... oder haben Sie überprüft, gibt es eine andere ID mit der gleiche Name? –

+0

können Sie mir den Link zeigen –

Verwandte Themen