Bootstrap Datumsauswahl (Texteingabe vermeiden oder beschränken manuelle Eingabe)

Question

Hier ist meine Website: http://splash.inting.org/wp/

ich zur Zeit die Bootstrap Datepicker (range branch) für mein Anruf Feld Datum verwenden und es ist großartig.

Obwohl ich 2 Probleme:

1) Sie können manuell Strings in das Eingabefeld ein. Dies ist seltsam, da die original by eyecon es nicht erlaubt, indem Sie das aktuelle Datum eingeben, wenn Sie Nicht-Datumswerte eingeben. Ich habe das Attribut readonly ausprobiert und es scheint nicht zu funktionieren, da es Ihnen nicht erlaubt, ein Datum auszuwählen.

2) Ich habe die Datumsauswahl auf Dienstag und Donnerstag beschränkt, indem ich eine Antwort in another post geändert habe. Nach dem Laden des Datumsspeichers ist das gewählte Standarddatum das aktuelle Datum, das ein anderer Wochentag sein kann. Ich möchte das vermeiden und habe nur entweder dienstags oder donnerstags gewählt.

Answer 1

Mit dem Nur-Lese-Attribute und fügt ein Add-on, nachdem das Eingangselement das Datumsauswahl nach der Eingabe auszulösen:

<input type="text" name="CallDate" value="" id="CallDate" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-medium date date-pick" size="40" readonly> 
<span class="add-on"><i class="icon-calendar"></i></span> 

die funktionieren soll.

Für das zweite Problem könnten Sie eine modifizierte Version des Datepicker von hier verwenden: https://github.com/eternicode/bootstrap-datepicker und verwenden Sie die Option daysOfWeekDisabled

Answer 2

Überschreiben Sie die wichtigsten Ereignisse auf der Eingangskontrolle.

<input onkeydown="return false" ... /> 

Answer 3

konnte ich akzeptable Lösung wie folgt erhalten:

$(".date").datetimepicker({ 
    defaultDate: moment(), 
    format: 'YYYY-MM-DD' 
}).end().on('keypress paste', function (e) { 
    e.preventDefault(); 
    return false; 
}); 

Hoffe, dass es auch für Sie funktioniert!