禁用向上和向下箭头

Question

我有这个数据字段供输入

它确实显示了一个数据选择器插件，可以很好地与键盘配合使用。

但我想禁用向上和向下箭头。你能指导我怎么做吗？

还需要在单击日期字段时打开日期选择器或当用户单击日历图标时 谢谢。

代码：

<div class="col-sm-10">
                                <input type="date"ng-model="date" class="form-control"  placeholder="date" style="width:180px" id="date" ng-required="true">
                                <span class="input-group-addon" style="width:auto">
                                    <span class="glyphicon-calendar glyphicon"></span>
                                </span>
                            </div>
<div class="col-sm-10">
                            <input type="date"ng-model="client.dateofbirth" class="form-control"  placeholder="Data de nascimento" style="width:180px" id="dateofbirth" ng-required="true">
                            <span class="input-group-addon" style="width:auto">
                                <span class="glyphicon-calendar glyphicon"></span>
                            </span>
                        </div>

日历图标也显示我不在正确的位置... 我希望当我点击文本框时它会打开日历。

// 不工作

    $('#date').datepicker(
        {
            allowInputToggle: true

        });

Answer 1

从外观上看，输入似乎有type="number"，但我不确定为什么那里有一个下拉箭头。您可以使用 CSS 删除向上和向下箭头。我总是在我的主 CSS/SASS 文件中添加这个 sn-p。

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type="number"] { 
    -moz-appearance: test-field; 
}

<input type="number"/>

_{来源：Turn Off Number Input Spinners | CSS-Tricks}