Set MinDate in Jquery

Question

Ich möchte, wie MinDate einstellen. Ich benutze dieses

$(function() { 
    $("#dph-entry").datepicker('option', 'minDate', new Date(2017, 3, 27)); 
}); 

dem Eingang

<input type='text' class="con-input" id='dph-entry' placeholder="Entrada"/> 

aber nicht funktioniert nicht

Answer 1

Sie müssen datepicker() zuerst initialisieren. Dann können nur option eingestellt werden.

$("#dph-entry").datepicker(); 
$("#dph-entry").datepicker('option', 'minDate', new Date(2017, 3, 27)); 

Bessere Pass Optionen während

$("#dph-entry").datepicker({'minDate': new Date(2017, 3, 27)}); 

$(function() { 
 
    $("#dph-entry").datepicker({ 
 
    'minDate': new Date(2017, 3, 27) 
 
    }); 
 
});

<link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<input type='text' class="con-input" id='dph-entry' placeholder="Entrada" />

Answer 2

Initialisierung Die Art und Weise Sie es verwenden, ist, wie Sie das Datum min nach der Initialisierung eingestellt werden.

Erhalten oder die minDate Option, nach der Initialisierung:

// Getter

var minDate = $ (".selector") .datepicker ("Option", "minDate");

// Setter

$ (".selector") .datepicker ("Option", "minDate" new Date (2007, 1 - 1, 1));

Wenn Sie versuchen, den Standard min Datum einzustellen es bedeutet, dass Sie versuchen, die Datepicker mit min Datum init, das ist, warum Sie ein bisschen die Optionen hinzufügen müssen anders, property: value:

Initialisieren der Datepicker picker~~POS=HEADCOMP mit der minDate Option angegeben:

$ (".selector") .datepicker ({minDate: new Date (2007, 1 - 1, 1)});

Siehe das Arbeits unten Snippet bitte:

$(function() { 
 
    $(document).ready(function() { 
 
    //$("#dp-entry").datepicker('option', 'minDate', new Date(2017, 3, 27)); 
 
    $("#dph-entry").datepicker({minDate: new Date(2017, 3, 27)}); 
 
    }) 
 
});

<link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 
<input type='text' class="con-input" id='dph-entry' placeholder="Entrada" />

Sie können nachlesen, was ich sagte here.