如何设置HTML5输入类型=＆＃34; datetime-local＆＃34;

Question

我想设置输入类型=＆＃34; datetime-local＆＃34;的日历部分的样式。如果您参考此链接，您将知道我在说什么。

http://test.csswg.org/suites/css-transforms-1_dev/nightly-unstable/html/transform-input-013.htm

为了选择日期，提供了一个箭头。现在，日历弹出。我需要设计风格。例如，改变文本的颜色，日历的背景颜色。

知道怎么做吗？当我在网上搜索时，我没有看到任何文档。

Answer 1

您可以在https://jqueryui.com/datepicker/

使用Jquery UI链接

并将其设计为样式化表格，请参阅小提琴示例： https://jsfiddle.net/DIRTY_SMITH/rupbwpx0/

HTML和JQuery

  <p>Date: <input type="text" id="datepicker"></p>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>

CSS

td{background-color: lightblue;}
thead{background-color: lightgreen;}