2014-09-11 5 views
9

Ich benutze this bootstrap-datepicker und alles funktioniert gut, außer das Eingabefeld nicht erlaubt, ein Datum manuell hinzuzufügen oder zumindest funktioniert es nicht richtig für manuell eingegebene Eingaben.bootstrap-datepicker manuell eingegeben Datum Problem

Hier sind die aktuellen Optionen in javascript:

$(function(){ 
     $('.input-daterange').datepicker({ 
      endDate: "today", 
      todayBtn: true, 
      forceParse: false, 
      autoclose: true, 
      todayHighlight: true 
     });   
}); 

1) Die erste Ausgabe ist, wenn das Datum eingegeben wird und „Enter“ -Taste das Datum weg gedrückt wird. 2) Wenn Sie das Datum löschen und ein neues Datum eingeben, wirkt der Datepicker komisch.

Hoffe jemand konnte herausfinden, wie man das manuell eingegebene Datum repariert?

Vielleicht haben Sie ein Kalendersymbol neben jeder Eingabe und lassen Sie den Datepicker nur von dort auslösen wäre eine gute Option und lassen Sie die Texteingabe nur für die Eingabe.

Hier ist die JSFiddle mit zu spielen.

+0

Ein ähnliches Problem mit Bootstrap-Datepicker. Das Ereignis 'changeDate' wird nicht ausgelöst, wenn die Eingabetaste gedrückt wird, nachdem ein Datum manuell aktualisiert wurde. – mba12

Antwort

12

Nach dem Graben auf dem GitHub gefunden ein paar Fixes, die noch nicht in der Haupt Bootstrap-Datepicker.js-Datei implementiert wurden. Ich dachte nur, dass es für jemanden nützlich sein würde, die gleichen Probleme, bis das neue Update kommt in erleben:

1) Issue No1: „Enter“ Taste, um die Eingabe entfernt, wenn manuell eingegeben - FIXED

2) Issue No2: In der Date Range Option, wenn der zweite Eingang mit "Backspace" Taste gelöscht wird, verliert der erste Eingang sein letztes Zeichen - FIXED

Die obigen zwei Fixes müssen in bootstrap-datepicker.js Datei durchgeführt werden.

+0

Der erste Link sorgt dafür, dass der Wert bei der manuellen Datumseingabe verloren geht. – DVK