禁用上下箭頭

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文件中。

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

_{來源： 關閉數字輸入微調器| CSS-技巧}