【问题标题】:Uncaught TypeError: $(...).datepick is not a function in jQuery datetime in asp.net未捕获的类型错误:$(...).datepick 不是 asp.net 中 jQuery datetime 中的函数
【发布时间】:2017-12-21 15:33:00
【问题描述】:

我没有通过 jQuery 日期时间选择器在文本框中获取日期,而不是我收到错误,即

未捕获的类型错误:$(...).datepick 不是函数

在 asp.net 中,而相同的代码在 HTML 中运行良好。我在搜索引擎和 Stack Overflow 中搜索了很多关于此错误的内容,但没有任何效果。

这是我的代码

<script src="js/jquery.min.2.1.1.js"></script>
    <script src="js/jquery.plugin.min.js"></script>
    <script src="js/jquery.datepick.js"></script>

    <script>
        $(function () {
            alert();
            $('#birthdate').datepick({ dateFormat: 'dd-mm-yyyy' });
        });
    </script>

<input type="text" id="birthdate"/>

【问题讨论】:

  • 您的代码看起来不错。你确定js/jquery.datepick.js 路径是正确的吗?尝试使用/js/jquery.datepick.js 使路径相对于根文件夹。
  • 路径是对的。
  • 我猜应该是 $('#birthdate').datepicker({ dateFormat: 'dd-mm-yyyy' }); ...这不是 datepick...它是 datepicker。
  • 很抱歉,如果我更换日期选择器,您的猜测是错误的,那么也会显示相同的错误
  • @ArunprasanthKV OP 没有使用 jQuery UI,他使用的是 datepick.js,大概是这样的:keith-wood.name/datepick.HTML

标签: jquery asp.net datepicker


【解决方案1】:

如果在添加 JQuery 和 datetimepicker js 后仍然出现错误,而不是“RECHECK”代码...你必须在该页面中调用其中任何一个 JS 两次。

尝试在 pagesource 中查找...

【讨论】:

    【解决方案2】:

    给你提琴https://jsfiddle.net/gu8n51jz/

    $(function() {
    	alert();
    	$('#inlineDatepicker').datepick({onSelect: showDate});
    });
    
    function showDate(date) {
    	alert('The date chosen is ' + date);
    }
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.2/jquery.plugin.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/datepick/5.1.1/js/jquery.datepick.min.js"></script>
    
    <input type="text" id="inlineDatepicker" />

    尝试使用 CDN 链接而不是本地链接,然后在它开始工作后将 CDN 链接替换为本地下载的文件。

    本地代码

    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title>jQuery Datepicker</title>
        <link href="css/jquery.datepick.css" rel="stylesheet">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-countdown/2.0.2/jquery.plugin.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/datepick/5.1.1/js/jquery.datepick.min.js"></script>
        <script>
            $(function() {
                alert();
                $('#inlineDatepicker').datepick({onSelect: showDate});
            });
    
            function showDate(date) {
                alert('The date chosen is ' + date);
            }
        </script>
    </head>
    <body>
    
        <input type="text" id="inlineDatepicker" />
    
    </body>
    

    【讨论】:

    • @s.k.Soni。即使在使用 CDN 链接后,您也会遇到同样的错误???
    • @s.k.Soni 我也分享了我的本地代码...试试看。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-06-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-21
    • 1970-01-01
    相关资源
    最近更新 更多