Question

我有输入数据字段

它确实显示了一个与键盘配合良好的数据选择器插件。

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

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

代码：

＆＃13;

<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>

＆＃13;

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

//不工作

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

        });

Answer 1

从它的外观看，输入看起来像type="number"，但我不确定为什么会有一个下拉箭头。您可以使用CSS删除向上和向下箭头。我总是在我的主CSS / SASS文件中添加这个片段。

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}

禁用向上和向下箭头

1 个答案: