HTML格式在jQuery日历的输入字段中显示日期

Question

我想在html表单的签入输入字段中显示日期，然后在html表单签出字段中显示日期。

因此，在他们单击字段以选择日期之前，该字段已经具有从jQuery日历中填充的日期。

我可以在表单字段值中调用脚本吗？

可以打开日历的代码

<form class="bookingquery" action="externalurl" autocomplete="off" 
method="post" novalidate="novalidate" target="_blank">
<input id="In" class="checkin" style="width: 100%; height :50px; 
cursor: pointer;" name="In" readonly="readonly" type="text" value="" 
/>
<script>
jQuery(document).ready(function() {
    jQuery('#In').datepicker({
        dateFormat: 'dd-mm-yy',
        minDate: 0,
        yearRange: '00:+02',
        orientation: "top",
        autoclose: true,
        yearSuffix: ''
    });
});
</script>
<input id="Out" class="checkout" style="width: 100%; height :50px; 
cursor: pointer;" name="Out" readonly="readonly" type="text" value="" 
/>
<script>
jQuery(document).ready(function() {
    jQuery('#Out').datepicker({
        dateFormat: 'dd-mm-yy',
        minDate: +1,
        yearRange: '00:+02',
        orientation: "top",
        autoclose: true,
        yearSuffix: ''
    });
});
</script>
<input id="Guests" name="Guests" type="hidden" value="2" />
<button class="form-submit-booking" type="submit">Search</button>
</div>
</form>