2016-06-06 8 views
0

Ich möchte Benutzer nicht zuzulassen, dass Daten in der Vergangenheit wählen, in pickerwie vergangenes Datum in picker deaktivieren Javascript oder Jquery mit

habe ich versucht, diesen Code aber nicht funktioniert

$(function() { 
 
    $("#startDate").datepicker({ 
 
    minDate: 0 
 
    }); 
 
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> 
 
<input type="text" id="startDate" name="checkin" placeholder="CHECK IN" class="datepicker"> 
 
<input type="text" id="endDate" name="checkout" placeholder="CHECK OUT" class="datepicker">

Verwendung
+0

Set 'minDate' gültigem dat e; – itzmukeshy7

+0

Ihr Code scheint gut zu funktionieren. Hast du Skripte richtig eingebunden? – Rajesh

+0

Hinweis: jQuery und Jquery UI-Skripts wurden von mir hinzugefügt und fehlten in der ursprünglichen Frage. Hoffe, dass das nicht das Problem ist – Rajesh

Antwort

0

Versuchen wie folgt aus:

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Restrict date range</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker({ minDate: 0 }); 
    }); 
    </script> 
</head> 
<body> 
    <p>Date: <input type="text" id="datepicker"></p> 
</body> 
</html> 
Verwandte Themen