Bestimmte Daten von html5 deaktivieren datepicker

Question

Ist es möglich, Daten zu deaktivieren, wenn ich verwende Ich möchte das aktuelle Datum für ein Szenario und zukünftige Daten für andere Szenario deaktivieren. Wie sollte ich die Daten deaktivieren?

Answer 1

HTML-Datepicker (<input type=date>) unterstützt min/max Attribut, aber es ist not widely supported.

In der Zwischenzeit können Sie in Betracht ziehen, bootstrap-datepicker zu verwenden, v1.2.0 ist auf github.

Referenzen:

W3C spec

Answer 2

You can add a min or max attribute to the input type=date. Das Datum muss im ISO-Format (JJJJ-MM-TT) sein. Dies wird in vielen mobilen Browsern und aktuellen Versionen von Chrome unterstützt, obwohl Benutzer ein ungültiges Datum manuell eingeben können, ohne den Datumsauswahl-Assistenten zu verwenden.

<input name="somedate" type="date" min="2013-12-25"> 

Die min und max Attribute muss ein vollständiges Datum sein; Es gibt keine Möglichkeit, "heute" oder "+0" anzugeben. Um das zu tun, müssen Sie JavaScript oder eine serverseitige Sprache verwenden:

var today = new Date().toISOString().split('T')[0]; 
document.getElementsByName("somedate")[0].setAttribute('min', today); 

http://jsfiddle.net/mblase75/kz7d2/

nur heute Ruling out, während eine vergangene oder zukünftige Termine, ist keine Option, mit hier. Wenn Sie jedoch möchten, dass morgen das Datum min ist (Ausblendung heute und alle vergangenen Daten), siehe this question, um today um einen Tag zu erhöhen.

Wie in allen anderen Fällen, in denen HTML-Formulare verwendet werden, sollten Sie das Feld serverseitig überprüfen, unabhängig davon, wie Sie es clientseitig einschränken.

Answer 3

Ja, es ist einfach. Sie dies, indem Sie tun können

<input type="date" min="<?php echo date("Y-m-d"); ?>" > </input> 

Answer 4

Sie diese zukünftige Termine deaktivieren verwenden:
Innerhalb Sie document.ready Funktion, legen

//Display Only Date till today // 

var dtToday = new Date(); 
var month = dtToday.getMonth() + 1;  // getMonth() is zero-based 
var day = dtToday.getDate(); 
var year = dtToday.getFullYear(); 
if(month < 10) 
    month = '0' + month.toString(); 
if(day < 10) 
    day = '0' + day.toString(); 

var maxDate = year + '-' + month + '-' + day; 
$('#dateID').attr('max', maxDate); 

und in Form

<input id="dateID" type="date"/> 

Hier das Arbeiten jFiddle Demo