Undefined不是函数ImpressPages DatePicker

Undefined is not a function ImpressPages DatePicker

本文关键字：ImpressPages DatePicker 函数 Undefined      更新时间：2023-09-26

我想创建自己的表单插件。当我将jquery日期选择器添加到impressages中的_header.php文件时，我得到了未定义。这不是一个函数错误。

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

Html

<div class="row">
        <div class="col-md-12">
            <form role="form" action="roomjack/create_customer" method="POST" accept-charset="utf-8">
                <div class="form-group">
                    <label for="in">Check In Date :</label>
                    <input type="text" id="in" class="datepicker form-control">
                </div>
                <div class="form-group">
                    <label for="out">Check Out Date:</label>    
                    <input type="text" id="out" class="datepicker form-control">
                </div>
                <button type="submit" class="btn btn-default">Book Now</button>
            </form>
        </div>
    </div>

这是我在_footer.php 中的脚本

 <script>
    $(document).ready(function(){
            $( ".datepicker" ).datepicker();
        });
   </script>

Remove-jQuery-它是由核心默认添加的。删除此行：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

如果您仍然遇到问题，请尝试删除jQuery UI。删除此行：

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

上面的代码是有效的。。也许你的插件javascript出了问题，从而产生了冲突。

$(document).ready(function(){
            $( ".datepicker" ).datepicker();
        });
<link href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div class="row">
        <div class="col-md-12">
            <form role="form" action="roomjack/create_customer" method="POST" accept-charset="utf-8">
                <div class="form-group">
                    <label for="in">Check In Date :</label>
                    <input type="text" id="in" class="datepicker form-control">
                </div>
                <div class="form-group">
                    <label for="out">Check Out Date:</label>    
                    <input type="text" id="out" class="datepicker form-control">
                </div>
                <button type="submit" class="btn btn-default">Book Now</button>
            </form>
        </div>
    </div>

相关文章：