如何使引导日期选择器始终可见/打开？

Question

解释

我在 Bootstrap 5.3 中成功使用 'input type=date' 作为 datepicker，来选择数据查看的日期。

我遇到的问题是：我必须单击它才能可见。

对于我的情况，它必须始终可见，就像 JavaScript 日历一样。

问题

如何实现这一目标？

有没有更好的替代方案，具有更有吸引力的 UI 来完成相同的工作？

代码

  <form id="Create" method="post" asp-page-handler="CreateDate" >
  <input class="btn btn-secondary " type="date" name='newdate' onchange='this.form.submit()' >

Answer 1

使用下面的cdn链接

   <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://unpkg.com/[email protected]/js/gijgo.min.js" type="text/javascript"></script>
<link href="https://unpkg.com/[email protected]/css/gijgo.min.css" rel="stylesheet" type="text/css" />

使用以下函数调用日期输入

<input id="datepkr" width="280" />
<script>
    $('#datepkr').datepicker({
        uiLibrary: 'bootstrap5'
    });
</script>