你可以在这里找到完整的代码
http://codepen.io/anon/pen/BjqxOq
我正在使用Materialize CSS显示登录表单,您可以在上面的Codepen中看到.它有两个按钮登录和注册.单击“注册”时,将显示一个包含必要注册字段的模式,其中一个是物化日期时间选择器.
是否有可能更改datetimepicker的默认正文颜色?
HTML
<div class="row"> <div class="input-field col s6">Date of Birth <input type="date" class="datepicker "> </div> </div>
JS
$(document).ready(function(){ $('.datepicker').pickadate({ selectMonths: true,// Creates a dropdown to control month selectYears: 15 // Creates a dropdown of 15 years to control year }); });
解决方法
materializecss datepicker有一个div,名为“picker__Box”.
如果为此类设置背景颜色,则日期选择器将采用此颜色,如下面的代码集中所示.
如果为此类设置背景颜色,则日期选择器将采用此颜色,如下面的代码集中所示.
http://codepen.io/anon/pen/OMBoMz
.picker__Box{ background-color: #CCC; }
编辑
要更改上半身颜色,还必须为另外两个类设置背景颜色:
.picker__date-display,.picker__weekday-display{ background-color: #CCC; }
我希望这有帮助!