为 html5 原生日期选择器设置日历样式

Posted 2023-05-07

【中文标题】为 html5 原生日期选择器设置日历样式

【英文标题】：Styling the calendar for html5 native datepicker

【发布时间】：2015-04-16 09:11:42

【问题描述】：

是否可以更改默认 html5 日期选择器的日历弹出框的样式？

我想将月份的导航按钮移动到日历下方，并更改字体样式、大小、颜色等。我知道您可以从这个 *** 线程更改输入框 (Are there any style options for the HTML5 Date picker?) ，但我想更改日历本身的样式。有没有简单的方法可以做到这一点？

【参考方案1】：

我不认为有任何跨浏览器的样式设置方式，因为每个浏览器都以不同的方式实现自己的日历。最简单的方法（如果你可以使用外部库）是只使用jQuery UI Datepicker，没有样式只会给你一个基本的日历弹出框，然后你可以使用 CSS 自定义样式/定位。如果您需要帮助，请告诉我。

然后，您可以使用原生 html5 日期选择器/日历作为禁用 javascript 的浏览器的后备

【讨论】：

对不起，但我认为这个答案与问题背道而驰。