Wie man datepicker Wert ändert, hängt von Aufzeichnung ab, die in der Datenbank hinzugefügt wird, und für erstmalige Anzeige Aufzeichnungen hängen vom gegenwärtigen Datum ab

Question

Ich habe einen datepicker, der Daten anzeigt, die das gegenwärtige Datum einschließen. Wenn ich zum ersten Mal die Seite öffne, ist das was ich will. Aber wenn ich einen Datensatz mit dem vorherigen Datum hinzugefügt habe, möchte ich alle Datensätze mit diesem vorherigen Datum anzeigen und dies muss für diejenigen sein, die jetzt am Hinzufügen von Datensätzen nicht alle Gäste und Benutzer arbeiten.

<input type = "text" name = "datepicker" id="datepicker" class="form-control" /> 
<script> 
$('#datepicker').change(function() {  

$.post('check_data.php', {  
dtpickerdate : $(this).val() 
}, function (response) {  

    $('table').html(response); 
}); 
}); 

    $("#datepicker").datepicker({dateFormat: "mm-dd-yy",}).datepicker("setDate", new Date()).change(); 
</script> 

Answer 1

Anstatt immer die Eingabe zu ändern, könnte man es sich nur ändern, wenn das Eingabefeld leer ist, zB:

$(function() { 
 
\t var $field = $("#date"); 
 
\t $field.datepicker({dateFormat: "mm-dd-yy",}); 
 

 
\t if (!$field.val()) { 
 
\t \t $field.datepicker("setDate", new Date()).change(); 
 
\t } 
 
});

<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<input type="text" name="datepicker" id="date" />

Wenn Sie nicht füllen müssen Der Standardwert für die Eingabe selbst. Sie müssen den Wert nicht programmgesteuert festlegen, sondern den Parameter defaultDate von datepicker verwenden:

$(function() { 
 
    var $field = $("#date"); 
 
    $field.datepicker({dateFormat: "mm-dd-yy", defaultDate: new Date(),}); 
 
});

<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<input type="text" name="datepicker" id="date" />