Javascript 始终显示占用整个div的日期输入日历

我正在使用ASP.NET Core 2.2 MVC，我有一个包含日期输入的页面。加载页面时，我希望日历在默认情况下始终保持打开状态，而无需单击小箭头：

如果可能的话，箭头也可以被移除吗？我仍然希望文本框可以用于手动输入

我还希望日历始终占据其父div的高度和宽度。如果div的高度是相对的，日历将根据需要拉伸

我正在寻找的解决方案不需要以这种方式完全解决，我对插件持开放态度。我已经试过了，但我还没有让它按我想要的方式工作。需要注意的一点是，我在输入标记上有asp for属性

HTML:

---

如果要使用JQuery UI日期选择器：

我希望日历在默认情况下始终保持打开状态，而无需单击小箭头

您可以使用内联模式，它显示嵌入在页面中而不是覆盖中的日期选择器。只需对div而不是输入调用.datepicker

$("#datepicker").datepicker();

因为您在div中调用datepicker，所以它总是按照您的意愿保持打开状态

<div id="datepicker"></div>

如果可能的话，箭头也可以被移除吗？我仍然希望文本框可以用于手动输入

在内联模式下，没有任何箭头，如果要在文本框中显示日期：

<input type="text" id="alternate">

$("#datepicker").datepicker({
  altField: "#alternate"
});

---

谢谢你的回复！jQueryUI不是完美匹配的唯一原因是我很难正确调整它的大小。宽度可以调整大小，但高度不能调整。你知道如何动态调整大小吗？@Lukas，是的，你可以自定义datepicker的样式，改变它的宽度，用css或js动态增加表中每个单元格的大小：宽度可以工作，但如果你调整，比如说，高度：250px；，您将看到它无法正确调整大小。按钮也被拉伸，变得非常薄。你不应该设置高度来固定数字，只需增加TDs的填充，请参阅我在上一篇评论中的链接好的，我现在明白你的意思了。我认为最好增加锚点的填充，这样它们就不会太小，无法点击。但这应该行得通，谢谢你的帮助！

<div id="datepicker"></div>

<input type="text" id="alternate">

$("#datepicker").datepicker({
  altField: "#alternate"
});