禁用向上和向下箭头

而且它也确实表现出数据选择器插件至极正常工作与键盘。

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

还需要当日期提交点击它打开日期选择器或当用户点击日历图标谢谢。

代码：

<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

我会敦促你编辑更多的细节问题和我可以建立的一个工作示例。 –

禁用向上和向下箭头

回答

相关问题