Currently, I am attempting to change the value of an input field whenever I select a different date. Below is the HTML code for the input.
<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 />
Here is the jQuery onSelect function that I am using:
$(document).ready(function() {
$('.completed_date').datetimepicker({
timepicker: false,
format: 'd/m/Y',
onSelect: function() {
var date = $(this).val();
$('#completed_date').val(date);
}
});
});
When I implement this code, it doesn't have any effect on my input field. However, if I replace the last line with:
$('#completed_date').text(date);
Then, it appends the selected date at the end of the HTML line.
<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 />By default, the value in the input field displays today's date but should be updated upon selection.
I have reviewed the documentation multiple times, but I cannot figure out what I might be overlooking. I would greatly appreciate any assistance provided.
While the visual date in the field updates correctly, the actual value within the input does not change. Therefore, when I click save, it always sends today's date instead of the one I selected.