将按钮中的数据属性值设置为日期字段

问：

我有一个引导模式，单击图像即可打开，并希望在表单中填充 som 输入字段。

<img role="button" class="" src="/img/edit.svg" alt="" width="40" height="40" data-toggle="modal" data-target="#addCourseModal" data-starttime="08.09.2023">

在表单中，我有一个日期字段，当字段类型设置为“日期”时，该字段不会填充值 starttime。如果我将其更改为文本，它可以工作，但我需要它是一个日期字段并具有可用的引导日期选择器。

<div class="form-group">
    <input type="date" class="form-control" id="addCourseInputStartTime" name="starttime" required>
  </div>

jQuery：

<script>
$(document).ready(function() {
    $(function () {
        $('#addCourseModal').on('show.bs.modal', function (event) {
            var button = $(event.relatedTarget); /*Button that triggered the modal*/
            var starttime = button.data('starttime');
            var modal = $(this);
            modal.find('#addCourseInputStartTime').val(starttime);

    });
    });
        
});
</script>

我知道我可能需要做一些不同的事情来填充日期字段，但不幸的是，我找不到任何关于它的信息。