1

我正在使用 jquery 作为日期选择器。它总是在页面加载或刷新时弹出。如何停止自动弹出日期选择器和日期选择器仅在单击文本框时出现。这是我的编码

<html>
<body>
<form>
    <div class="form-group col-md-12 col-sm-12 col-xs-12 no-padding">       <input type="text" id="datepicker" name="dob" class="form-control" placeholder="DOB" autocomplete="off" required>
        </div>
</form>
</body>
</html>

日期选择器脚本：

<script src="js/functions.js"></script>
    <script src="js/pikaday.js"></script>

    <script>

    var picker = new Pikaday(
    {
        field: document.getElementById('datepicker'),
        firstDay: 1,
        minDate: new Date(1950, 0, 1),
        maxDate: new Date(2020, 12, 31),
        yearRange: [1950, 2020],
        bound: true,


    });

    </script>
4

2 回答 2

0

在 datepiker 之前设置 bound: false,或添加一个输入，这样 datepiker 就不会被聚焦

于 2016-05-24T06:21:43.293 回答
0

向输入字段添加事件侦听器，并仅在单击输入字段时初始化日期选择器，如下所示：

    var dateField = document.getElementById('datepicker');
    dateField.addEventListener("click", function(){
      // Initialize datepicker only when datefile is clicked
      var picker = new Pikaday(
      {
        field: document.getElementById('datepicker'),
        firstDay: 1,
        minDate: new Date(1950, 0, 1),
        maxDate: new Date(2020, 12, 31),
        yearRange: [1950, 2020],
      });
    });

pikaday 参考：http: //dbushell.github.io/Pikaday/

JSFiddle 的一个工作示例是：https ://jsfiddle.net/d3pzt1ga/

于 2016-05-24T06:21:26.973 回答