DateTimePicker wird das Wertfeld onChange oder onSelect nicht aktualisieren

Ich versuche, den Wert eines Eingangs zu aktualisieren, wenn ich das ausgewählte Datum ändere. Dies ist mein HTML-Code für die Eingabe.DateTimePicker wird das Wertfeld onChange oder onSelect nicht aktualisieren

<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="<?php echo date("d/m/Y",strtotime("now"))?>" readonly />

Das ist meine Jquery onSelect Funktion

$(document).ready(function() { 
    $('.completed_date').datetimepicker({ 
    timepicker: false, 
    format: 'd/m/Y', 
    onSelect: function() { 
    var date = $(this).val(); 
    $('#completed_date').val(date); 
    } 
    }); 
});

Dieser Code keine Auswirkung auf meinem Eingabefeld hat, aber wenn ich die letzte Zeile

$('#completed_date').text(date);

ändere dann fügt es die neuen ausgewählten Datum bis zum Ende der HTML-Zeile.

<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="<?php echo date("d/m/Y",strtotime("now"))?>" readonly />Fügt das Datum hier

Der Code im Wertfeld sollte zur Zeit der heutigen Datum standardmäßig zeigt aber onSelect aktualisiert werden.

Ich habe die Dokumentation gelesen, kann aber nicht finden, was ich vermisse. Jede Hilfe wird sehr geschätzt.

Es aktualisiert visuell auf dem Gebiet, sondern der tatsächliche Wert in der Eingabe, so ändert sich nicht, wenn ich es immer Datum der sendet heute Speichern Klicken Sie anstelle des gewählten Datums

Quelle

2016-12-16 troggy69

Ich verstehe nicht, was die echte * Frage * ist .. Wird es nicht aktualisiert, wenn Sie ein neues Datum im Datepicker auswählen? Das sollte Standardverhalten sein. –

warum willst du es manuell einstellen was es selbst macht? – ScanQR

Es aktualisiert sich visuell in dem Feld, aber der tatsächliche Wert in der Eingabe ändert sich nicht, wenn ich auf Speichern klicke, sendet es immer das heutige Datum anstelle des ausgewählten Datums. – troggy69

Bootstrap-picker Verwendung .datepicker Methode zu laden Pflücker.

$('.completed_date').datepicker({ 
 
    timepicker:false, 
 
    format:'d/m/yy'  
 
    }) 
 
.on("changeDate", function(e) { 
 
    
 
    $('#completed_date').attr('value', e.format()); 
 
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/> 
 

 
<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="12/12/2016" />

Quelle

2016-12-16 10:47:49 SilentTremor

Vielen Dank für Ihre Antwort :). Dies ist ein anderes Plugin als das, das ich gerade benutze. Es macht mir nichts aus zu ändern, aber was ich sehen kann, wenn ich diesen Code überprüfe, wenn das Datum geändert wird, ist das gleiche Problem, das ich habe . Ist das etwas, auf das du schon mal gestoßen bist? – troggy69

Oh, mein Fehler, ich habe die Antwort aktualisiert, jetzt wird das Wertattribut aktualisiert (das sollte es sein) – SilentTremor

Danke - Ja, es funktioniert jetzt perfekt auf deinem Snippet. Ich kämpfe immer noch, um es auf meinem System aus irgendeinem Grund zu arbeiten, aber deine funktioniert großartig :) – troggy69

danke Zum einen für Ihre Hilfe.

Ich habe gerade Ihren Code verwendet und leicht bearbeitet und ich habe es geschafft, Ihre Lösung mit dem DateTimePicker arbeiten zu lassen. Ich habe den folgenden Code eingefügt. Nochmals vielen Dank.

$(document).ready(function() { 
    $('.completed_date').datetimepicker({ 
    timepicker:false, 
    format:'d/m/Y', 
}); 
$('.completed_date').change(function() { 
    var date = $(this).val(); 
    $('.completed_date').attr('value', date); 
}); 

});

Dadurch wird das Wertfeld eines mit DateTimePicker verknüpften Eingangs aktualisiert.

Quelle

2016-12-16 12:17:52 troggy69

DateTimePicker wird das Wertfeld onChange oder onSelect nicht aktualisieren

Antwort

Verwandte Themen