我在 Outlook 插件中遇到日期选择器问题。
无论我使用哪种框架,JQuery、Boostrap 等......我总是得到与图片相似的结果。
普通的 HTML 日期选择器虽然可以工作,但这很丑。
我试过用 CSS 来塑造它,但所有宽度都是 100%,甚至在调试中也能看到,但它仍然在每隔几个元素处就断线。
它应该是 Outlook 插件所在屏幕右侧的 100% 宽度。
更新:
使用 JQuery datepicker 结果是一样的。在头部:
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function () {
$("#datepicker").datepicker();
});
</script>
然后在正文中:
<body>
<p>Date: <input type="text" id="datepicker"></p>
