如何调用datetimepicker？对象不支持此属性

Question

我想打个日期时间选择器..怎么做？

我指的是这个链接

http://trentrichardson.com/examples/timepicker/

我已经包含.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>

这是我的身体:

<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>

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

显示以下代码:在行$('#example1').datetimepicker();

<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="/Scripts/JqgridAction.js" type="text/javascript"></script>
<script src="/Scripts/MVCControls/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="/Scripts/MVCControls/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
<script src="/Scripts/MVCControls/jquery-ui-sliderAccess.js" type="text/javascript"></script>
<script src="/Scripts/MVCControls/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
      $('#example1').datetimepicker(); 
    });  
</script>

我忽略错误后可以看到渲染文本框,但是当我将鼠标放在文本框内时,我无法获得日历.

Answer 1

尝试在noConflict模式下使用jQuery. jQuery.noConflict()

当您使用不同的客户端libery时,会发生错误,该libery将自己获取到$ variable