如何在“输入框”单击“非图标”或“箭头”时打开“数据报考”对话框

Question

我想打开输入框和图标的点击数据报关对话框。

我的代码：<input type="date" name="bday" id="bday" >

是否有任何方法可以使用JavaScript ONLY来修复这个问题？

Answer 1

请注意，在Safari或Internet 11及更早版本中不支持input type="date"，因此我不建议使用该版本-请参阅此链接https://caniuse.com/#search=date

下面是一个使用跨浏览器兼容的自举数据报警器的简单示例

JSFiddle演示

​

$(document).ready(function() {
    $('input[id="js-date"]').datepicker();
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css">

<h3>Bootstrap datepicker demo</h3>

<div class="input-group date">
  <label for="js-date">Date:</label>
  <input type="text" class="form-control" id="js-date">
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>

​

Answer 2

简短的回答是No。

另外，这是一个重复的问题，请参阅：在图标上打开HTML5日期选择器