Jquery 如何调用datetimepicker？对象没有'；我不支持这个属性_Jquery_Asp.net Mvc_Datetimepicker

Jquery 如何调用datetimepicker？对象没有'；我不支持这个属性

jquery asp.net-mvc

Jquery 如何调用datetimepicker？对象没有'；我不支持这个属性,jquery,asp.net-mvc,datetimepicker,Jquery,Asp.net Mvc,Datetimepicker,我想打电话给一个约会时间采集器，怎么办我指的是这个链接我已经包括了.js文件，如下所示： <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs

我想打电话给一个约会时间采集器，怎么办

我指的是这个链接

我已经包括了.js文件，如下所示：

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
<script src="@Url.Content("~/Scripts/JqgridAction.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MVCControls/jquery-ui-sliderAccess.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MVCControls/jquery-1.7.1.min.js")" type="text/javascript"></script>
 <script type="text/javascript">
    $(document).ready(function () {
    alert($("#example1").length);
        $('#example1').datetimepicker();
    });  
</script>


$（文档）.ready（函数（）{
警报（$（“#示例1”）.length）；
$（“#示例1”）.datetimepicker（）；
});

这是我的身体：

<div class="blueline">
    <div align="left">
        @Html.ValidationSummary(false, "Please correct the following errors")
        @using (Html.BeginForm())
        {   
             <div class="example-container">
                <p>
                    Add a simple timepicker to jQuery UI's datepicker</p>
                <div>
                    <input id="example1" class="hasDatepicker" type="text" value="" name="example1" />
                </div>              
            </div>

            <div class="clear">
            </div>
        }

</div>


@Html.ValidationSummary（false，“请更正以下错误”）
@使用（Html.BeginForm（））
{   

向jQueryUI的日期选择器添加一个简单的时间选择器
}

我收到错误：Microsoft JScript运行时错误：对象不支持此属性或方法

显示下面的代码：在$（'#example1'）.datetimepicker（）行


$（文档）.ready（函数（）{
$（“#示例1”）.datetimepicker（）；
});

忽略错误后，我可以看到“渲染”文本框，但在文本框内聚焦鼠标时，我无法获取日历。

尝试在noConflict模式下使用jQuery。

当您使用将自身附加到$variable的Different client libery时，会发生此错误

<html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
    <title>jQuery Datepicker Demo</title>
    <style type="text/css">
        div.ui-datepicker    
        {
            font-size: 10px;
        }
    </style>    
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/start/jquery-ui.css" type="text/css" media="all" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js" type="text/javascript"></script> 
    <script type="text/javascript">
        $(document).ready(function () {
            $('#txtDateFrom,#txtDateTo').datepicker({
                changeYear: true,
                beforeShow: function (textbox, instance) {
                    instance.dpDiv.css({
                        marginTop: (-textbox.offsetHeight) + 'px',
                        marginLeft: textbox.offsetWidth + 'px'
                    });
                }
            });
        });
    </script>
    </head>
    <body>
     <form id="testForm" runat="server">
        <div>
            <input type="text" id="txtDateFrom" /><br />
            <input type="text" id="txtDateTo" />
        </div>
     </form>
    </body>
</html>

jQuery日期选择器演示 div.ui-datepicker { 字体大小：10px； } $（文档）.ready（函数（）{ $（'#txtDateFrom，#txtDateTo'）。日期选择器({ 变化年：是的， beforeShow:函数（文本框、实例）{ instance.dpDiv.css({ marginTop:（-textbox.offsetHeight）+“px”， marginLeft:textbox.offsetWidth+'px' }); } }); });

尝试直接将.js文件放入/script文件夹即而不是

<script src="/Scripts/MVCControls/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>

试一试

相应地剪切粘贴jquery.js文件，这可能在该文件夹结构中起作用

$('#example1').datetimepicker();

应该是：

$('#example1').datepicker();

此外，您还可以尝试以下兼容版本：

var jQuery = $.noConflict();
jQuery('#example1').datepicker();

谢谢，它成功了。。。。但是日历没有显示在文本框中。你能帮我一下吗？你有什么错误吗？如果您只是在Chrome中的控制台中执行this行：$（'#example1'）.datetimepicker（）；它返回什么？我在控制台“[input#startTime.hasDatepicker]”（我将example1更改为startTime）中得到响应，当我将鼠标悬停在它上面时，Firebug会突出显示文本输入字段。但是，我在选择文本字段时没有选择符。有什么想法吗？也许你的CSS引用有问题？尝试在DOM中查找日历。它将位于结束正文标记之前。您必须使用Firebug并检查元素。具有此类的div应该出现：在DOM中的搜索没有找到类似的内容。但我确实看到了这一点。是否有我应该注册/捕获的事件？谢谢这是我的CSS：你到底是什么意思。。这不是我需要的..我想要一个mvc代码

$('#example1').datepicker();

var jQuery = $.noConflict();
jQuery('#example1').datepicker();