禁用向上和向下箭頭

而且它也確實表現出數據選擇器插件至極正常工作與鍵盤。

但我想禁用向上和向下的箭頭。你能指導我如何？

還需要當日期提交點擊它打開日期選擇器或當用戶點擊日曆圖標謝謝。

代碼：

<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 

     });

來源

2017-10-08 user613507

您使用的HTML輸入日期類型？如果是這樣，請看看它如何使用其他瀏覽器。我通常傾向於使用UI庫進行日期選擇，以確保不同瀏覽器之間的UI一致。 – Nick

發佈你的HTML和JavaScript，然後我們可以幫助你更好。 – Tapas

我從http://bootstrap-datepicker.readthedocs.io/en/latest/ 一個datepicker然而，當我點擊他們說使用此代碼文本框或者它應該打開日期選擇器的圖標，但它不工作（'＃dateofbirth'）。datepicker（ { allowInputToggle：true }）; – user613507

從它的外觀，它看起來像輸入具有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}

來源

2017-10-08 20:22:56

我有輸入型=日期沒有號碼，但我也點understabd爲什麼它會出現，因爲我有一個日期選擇器等是沒用 – user613507

它仍然顯示你的代碼，我不得不改變鍵入日期。它可以在手機上使用嗎？ – user613507

我會敦促你編輯更多的細節問題和我可以建立的一個工作示例。 –

禁用向上和向下箭頭

回答

相關問題