1

我在 Outlook 插件中遇到日期选择器问题。

无论我使用哪种框架,JQuery、Boostrap 等......我总是得到与图片相似的结果。

普通的 HTML 日期选择器虽然可以工作,但这很丑。

https://imgur.com/a/6AxMIQQ

我试过用 CSS 来塑造它,但所有宽度都是 100%,甚至在调试中也能看到,但它仍然在每隔几个元素处就断线。

它应该是 Outlook 插件所在屏幕右侧的 100% 宽度。

更新:

JQuery 日期选择器图像

使用 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>
4

1 回答 1

1

我能够成功添加 jQuery 日期选择器。只是按照这个确切的样本 https://jqueryui.com/datepicker/

它必须出现。如果您无法正常工作,请分享您的 HTML。另请说明这是否是 Windows、Outlook Web Access 上的复制品?你在哪个客户端观察这个。仅供参考,我可以在 Outlook Web Access 中使用它,请参阅屏幕截图。因此,也许您需要对 HTML 进行一些更改。 我也能够在 OWA 中成功添加它!

于 2019-09-19T20:03:57.737 回答