Bootstrap 3.x

datepicker

<script th:src="@{/js/jquery-3.7.1.js}"></script>
<link th:href="@{/css/bootstrap-datepicker3.css}" rel="stylesheet">
<script th:src="@{/js/bootstrap-datepicker.js}"></script>
 
<div class="date">  
    <input type="text" id="startTime" class="form-control form-control-sm"  
           name="startTime"  
           aria-label="type1"  
           aria-describedby="type1">  
</div>
<div class="date">  
    <input type="text" id="endTime" class="form-control form-control-sm" 
		   name="endTime"  
           aria-label="type1"  
           aria-describedby="type1">  
</div>
 
<script type="text/javascript">  
    $("#startTime").datepicker({  
        autoclose: true,  
        language: 'cn',  
        format: 'yyyy-mm-dd'  
    });  
    $("#endTime").datepicker({  
        autoclose: true,  
        language: 'cn',  
        format: 'yyyy-mm-dd'  
    });  
</script>