Javascript 禁用或修改输入[日期]默认按钮/控件和日期选择器

Javascript 禁用或修改输入[日期]默认按钮/控件和日期选择器,javascript,css,angularjs,html,twitter-bootstrap,Javascript,Css,Angularjs,Html,Twitter Bootstrap,我有一个输入字段,类型为日期(用于使用ngMessages进行验证): 我正在使用我自己的引导日期选择器 我想去掉默认的日期选择器日历以及input[date]具有的默认按钮/控件: 我怎样才能摆脱这些 如果我无法摆脱这些,我可以使用AngularJS提供的默认日历日期选择器,但如何设置这些元素(日历和按钮/控件)的样式?要禁用您可以使用的微调器和选择器(在Chrome中): 通过检查阴影DOM,可以找到这些伪元素: 奇怪。。我看不见影子DOM@taa我想你可能需要 <input

我有一个
输入
字段,类型为
日期
(用于使用
ngMessages
进行验证):


我正在使用我自己的引导日期选择器

我想去掉默认的日期选择器日历以及
input[date]
具有的默认按钮/控件:

我怎样才能摆脱这些


如果我无法摆脱这些,我可以使用AngularJS提供的默认日历日期选择器,但如何设置这些元素(日历和按钮/控件)的样式?

要禁用您可以使用的微调器和选择器(在Chrome中):

通过检查阴影DOM,可以找到这些伪元素:


奇怪。。我看不见影子DOM@taa我想你可能需要
<input type="date" ng-model="info.date" id="datefield" class="input-field datepicker">
input::-webkit-calendar-picker-indicator,
input::-webkit-inner-spin-button {
    display: none;
}