如何使文本出现在另一个文本框中的jQuery与日期选择器？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">

<input type="text" id="sourceText">
<input type="text" id="targetText">
<input type="text" id="datepicker">

$(document).ready(function() {
  $('#sourceText').on('input', function() {
    var value = $(this).val();
    $('#targetText').val(value);
  });
});

$(document).ready(function() {
  $('#datepicker').datepicker({
    dateFormat: 'yy-mm-dd',
    onSelect: function(dateText) {
      $('#targetText').val(dateText);
    }
  });
});