Question

<input type="date"></input>

当您在HTML中运行它时，它会为您提供一个带有日历小部件的输入元素。有没有办法改变小部件？如果没有，是否有办法改变颜色？

Answer 1

如果您尝试使用HTML，那么浏览器会有所不同。只需尝试一些浏览器。

解决方案将使用诸如https://jqueryui.com/datepicker/ jquery datepicker之类的插件。有很多免费的，只是谷歌的HTML或JS的日历插件。

Answer 2

<input type="date"></input>上的日历输入是特定于浏览器的，它的样式并不是特别受支持。 WebKit日期选择器（我假设您指的是）可以使用以下pesudo元素进行样式设置：

::-webkit-datetime-edit
::-webkit-datetime-edit-fields-wrapper
::-webkit-datetime-edit-text
::-webkit-datetime-edit-month-field
::-webkit-datetime-edit-day-field
::-webkit-datetime-edit-year-field
::-webkit-inner-spin-button
::-webkit-calendar-picker-indicator

更强大的跨浏览器解决方案是使用类似JQuery UI的datepicker：https://jqueryui.com/datepicker/

你如何改变日历？

2 个答案: