Как позвонить в datetimepicker? Объект не поддерживает это свойство - PullRequest
Новая
       8

Как позвонить в datetimepicker? Объект не поддерживает это свойство

3 голосов
/ 20 января 2012

Я пытаюсь вызвать средство выбора даты и времени .. как это сделать?

Я ссылаюсь на эту ссылку

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>

Я вижу текстовое поле рендеринга после того, как игнорирую ошибку, но не могу получить календарь, когда фокусирую мышь внутри текстового поля.

Ответы [ 4 ]

6 голосов
/ 20 января 2012

Попробуйте использовать jQuery в режиме noConflict. jQuery.noConflict ()

Ошибка возникает, когда вы используете разную клиентскую свободу, которая будет привязана к переменной $ 1005 *

0 голосов
/ 31 мая 2013

Это: 

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

Должно быть: 

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

Кроме того, вы можете попробовать версию совместимости следующим образом: 

var jQuery = $.noConflict();
jQuery('#example1').datepicker();
0 голосов
/ 20 января 2012

попробуйте поместить файлы .js непосредственно в папку / script, т.е. вместо 

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

попробуйте 

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

cut, соответственно вставьте файлы jquery .js, и это может сработатьструктура папок

0 голосов
/ 20 января 2012 
<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>
...