Comment appeler un datetimepicker ? Cet objet ne gère pas cette propriété

Je suis en train d'appeler un datetime picker ..comment faire ?

je me réfère à ce lien

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

Et j'ai compris .js fichiers comme ci-dessous:

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

Et ceci est mon corps:

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

J'obtiens l'erreur : erreur d'exécution Microsoft JScript: cet Objet ne gère pas cette propriété ou cette méthode

afficher le code ci-dessous:à la ligne $('#exemple1').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>

Je peux voir le rendu de la zone de texte, après je ignorer l'erreur, mais je ne peux pas obtenir le calendrier de quand j'ai l'accent de la souris à l'intérieur de la zone de texte.

OriginalL'auteur SmartestVEGA | 2012-01-20

  1. 6

    Essayez d'utiliser jQuery dans noConflict mode.
    jQuery.noConflict()

    L'erreur se produit lorsque vous utilisez diffrent client libery qui attacth lui-même à la variable $

    Grâce à ses travaillé .... mais le calendrier ne s'affiche pas dans la zone de texte ..pouvez-vous asist aussi, d'ailleurs...?
    Avez-vous eu des erreurs? Si vous exécutez simplement le cette ligne dans la console de Chrome: $('#exemple1').datetimepicker(); Qu'en est-il de retour?
    J'ai eu une réponse dans la console de "[input#startTime.hasDatepicker]" (j'ai changé exemple1 à startTime) et quand j'planer sur elle, Firebug met en évidence le champ de saisie de texte. Cependant, je n'ai pas de sélecteur lors de la sélection de la zone de texte. Des idées?
    Peut-être que vous avez quelque chose de mal dans votre CSS références? Essayez de trouver le calendrier dans les DOM. Ce sera avant la balise body de clôture. Vous devrez utiliser Firebug et inspecter l'élément. Un div avec cette classe doit apper: <div class="ui-datepicker-div ****
    Une recherche dans les DOM n'ai pas trouver quoi que ce soit. J'ai vu cela: "<div id="ui-datepicker-div" class="ui-ui datepicker-widget ui-widget-content de l'interface utilisateur-helper-clearfix ui-corner-all"></div>". Est-il un événement que je devrais être à l'enregistrement/la capture? Merci... Voici mon CSSs: <link type="text/css" href="css/jquery-ui-1.8.17.la coutume.css" /> <link type="text/css" href="css/ui.dynatree.css" /> <link type="text/css" href="css/jquery.cluetip.css" /> <link type="text/css" href="css/jquery-ui-timepicker-addon.css"/>

    OriginalL'auteur Simon Edström

  2. 0
    <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>
    ce qui en fait u veux dire? ..ce n'est pas j'avais besoin ..je veux un code mvc

    OriginalL'auteur mR.idiOt

  3. 0

    essayer de mettre the.js fichiers /dossier de script directement
    j'.e
    au lieu de 

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

    essayer

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

    couper coller le jquery .js fichiers en conséquence et cela peut fonctionner dans ce dossier, la structure

    OriginalL'auteur mR.idiOt

  4. 0

    Ce:

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

    Devrait être:

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

    En outre, vous pouvez essayer la version de compatibilité comme ceci:

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

    OriginalL'auteur Andrew Marais