jQuery Datepicker wird sich nicht ändern den Wert von Eingang

Ich die datepicker-Funktion von jquery. Jetzt habe ich eine integrierte inline-Kalender. Es sollte möglich sein, klicken Sie auf einen Tag im Monat gezeigt und dann senden eines Formulars oder ändern Sie die url. Ich brauche das neue Datum in die url eingefügt, damit ich springen kann, um dieses Datum.

Aber meinen code nicht ändern, der Wert der Eingabe - und ich weiß nicht, warum.

Hier mein code:

In den head-Bereich:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="templates/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="templates/js/bootstrap-datepicker.de.js"></script>

HTML:

<form method="get" action="index.php">
  <div class="form-group">
    <div class="minicalendar"></div>
      <input class="form-control" type="text" name="submitDate" id="submitDate" />
  </div>
</form>

JS:

$('.minicalendar').datepicker({
    format: "dd.mm.yyyy",
    todayBtn: true,
    language: "de",
    calendarWeeks: true,
    todayHighlight: true,
    onSelect: function(dateText, inst) { 
      $('#submitDate').val(dateText);
   }
});

Wissen Sie, warum? Ich war auf der Suche für eine Zeit jetzt, aber ich war nicht in der Lage, eine Lösung zu finden, die funktioniert ...

Dank.

können Sie fügen Sie ein jsfiddle ? und warum tun Sie js zweimal (in verschiedenen Versionen)?
Du sagst, nach der Kommissionierung ein Datum und Absenden des Formulars, sind Sie nicht in der Lage, wählen Sie das Datum wieder?
du hast Recht, ich gehörte jquery zweimal - das ist falsch! Ich habe das jetzt geändert ... jetzt habe ich auch die jquery-ui in der zweiten Zeile.
Nein, wenn ich eine auswählen Datum, der Wert der Eingabe nicht verpasst
Der code, den Sie gebucht haben, in der Frage ist in Ordnung, aber, jsbin.com/dukimuxe/1/edit. Überprüfen Sie die browser-Konsole für Fehler
OK ich habe gerade festgestellt, wenn ich don ' T sind die bootstrap-datepicker.js, dann funktioniert alles einwandfrei. Ohne, dass der Wert im Eingabefeld ändert. Aber ich brauche dieses tool, weil von den deutschen Kalender und in der Verantwortung. Haben Sie eine Ahnung, warum diese Datei ist die Schaffung dieser Fehler?

InformationsquelleAutor lackner_media | 2014-05-20

2

Bindung der datepicker zu einemdiv statt einerinput.
```
<input id="datepicker" />

$('#datepicker').datepicker({
     //...
});
```
Sie brauchen auch nicht zu ändern, die Eingabe von text mit der onSelect Veranstaltung. Das widget tun thix automatisch.
- OK ... aber mit dieser Lösung, die ich haben, klicken Sie in das Eingabefeld um den Kalender zu öffnen und wählen Sie ein Datum. Ich möchte die Kalender sichtbar sein, alle Zeit. Also ich habe nur auf eine dieser Tage, und dann sollte das Formular eingereicht werden.
InformationsquelleAutor Anonymoose

$('#submitDate').datepicker({
    format: "dd.mm.yyyy",
    todayBtn: true,
    language: "de",
    calendarWeeks: true,
    todayHighlight: true,
    onSelect: function(dateText, inst) { 
      $('#submitDate').val(dateText);
   }
});

Verwenden Sie diese. Datepicker nicht binden <div> es muss eine <input> element. Überprüfen Sie diese link weitere Beispiele.

InformationsquelleAutor Shaunak D

Hier ist der code von JQuery UI DatePicker :

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker"></p>


</body>
</html>

Den input id muss dieselbe sein, die dem ausgewählten element in JQuery.

InformationsquelleAutor Samy Sup

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.