Comment implémenter correctement datepicker de jQuery et jQuery temps sélecteur de

Je suis en train d'installer UI datepicker sur ma demande, ainsi que ses frais addon Timepicker http://trentrichardson.com/examples/timepicker/#basic_examples

Je reçois cette erreur dans la console

Uncaught TypeError: undefined is not a function jquery.ui.widget.js:71
$.widget jquery.ui.widget.js:71
(anonymous function) jquery.ui.slider.js:22
(anonymous function) jquery.ui.slider.js:672

Je suis en train d'utiliser exemple #3 qui est un datepicker plus un curseur (format de l'heure)

$('#basic_example_3').datetimepicker({
    timeFormat: "hh:mm tt"
});

Voici ce que j'ai de ma tête du code html

  <link rel="stylesheet" href="css/jquery/jquery-ui.css">
  <script src="js/jquery.js"></script>
  <script src="js/jquery.ui.core.js"></script>
  <script src="js/jquery.ui.widget.js"></script>
  <script src="js/jquery.ui.slider.js"></script>
  <script src="js/jquery.ui.datepicker.js"></script>
  <script src="js/jquery-ui-timepicker-addon.js"></script>

Je ne vois pas le curseur dans mon calendrier pop-up. Je vois un menu déroulant avec le temps!
Peut quelqu'un m'aider s'il vous plaît? Je pense que si je peux corriger cette erreur, il va résoudre le problème.

Grâce

OriginalL'auteur Jaylen | 2013-03-22

  1. 5

    Au sujet de la source de la page d'exemple, je suggère d'essayer ce programme d'installation:

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

    Edit:
    Créé un violon pour vous: http://jsfiddle.net/sNa8d/

    Je vous remercie. Je n'avais qu'à inclure le jquery-ui.min.js fichier. Je ne sais pas ce que c'est pour mon oncw je l'ai inclus il a travaillé. Merci pour l'aide
    le core curseur fonctions vous êtes à la recherche pour sont inclus dans le jquery-ui.min.js 🙂
    Comment puis-je sélectionner uniquement timepicker?

    OriginalL'auteur hyde

  2. 0

    si vous souhaitez utiliser datepicker + timepicker et vous n'avez qu'une seule entrée pour les afficher, vous pouvez combiner datepicker et timepicker sur soumettre fonction comme ci-dessous:

    Jquery

    $("form").submit(function () {

     var matchStr = $('#matchStartDate').val() + ' ' +$('#matchStartTime').val();
     $('#MatchStartTime').val(matchStr);

     return true;
  });

    HTML

    <input type="text" class="datepicker" id="matchStartDate"/>
<input type="text" class="timepicker" id="matchStartTime">

    Pour l'affichage avec MVC

     @Html.HiddenFor(m => m.MatchStartTime)

    OriginalL'auteur