javascript - 将 div 标签脚本复制到 input 标签

Question

我想将div标签操作复制到点击事件中的输入框。在div标签中显示日历。

<div id="datepicker"></div>
<input id="datepicker" type="date" name="sample">
<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.js"></script>
<script>
    $("#datepicker").datepicker({
        inline: true
    });
</script>

Answer 1

只需在点击事件上显示日期选择器，如下所示:

<div id="datepickerContainer"> <!---- ID should be unique ---------->
</div>
<input id="datepicker" type="date" name="sample">

 <script src="external/jquery/jquery.js"></script>
 <script src="jquery-ui.js"></script>
  <script>
  $( "#datepicker" ).datepicker({
        inline: true
  });
  $('#datepickerContainer').on('click',function() { 
       $( "#datepicker" ).datepicker('show'); 
  });
 </script>