Question

我正在使用Angular。我很好奇如何删除这些箭头：

此外，如果可以单击日期选择器框（其中mm / dd / yyyy）并允许它显示日期选择器而不是单击最右边的箭头。

Answer 1

你可以用jquery做这个是一个演示（我无法让它在代码片段中工作）

＆＃13;

 $(document).ready(function() {
    $("#datepicker").datepicker();
  });

＆＃13;

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet"/>


<body>
<form>
    <input id="datepicker" />Choose a date
</form>
</body>

＆＃13;

您可以通过执行类似

的操作来调整日期选择器的大小

div.ui-datepicker{
   font-size:10px;
}

Answer 2

我不认为它在所有浏览器中都能做到这一点;缩小你看到的地方，你不想看到这个;然后执行类似下面的操作，但针对您的定位浏览器。

input::-webkit-calendar-picker-indicator{
    display: none;
}

HTML5日期选择器 - 删除日期箭头

2 个答案: