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

Styling the calendar for html5 native datepicker

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

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

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

然后您可以使用本机 html5 datepicker/calendar 作为 javascript 已禁用

的浏览器的后备