3

クールなアドオン Timepicker http://trentrichardson.com/examples/timepicker/#basic_examplesとともに、アプリケーションに datepicker UI をインストールしようとしています。

コンソールにこのエラーが表示され続けます

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

日付ピッカーとスライダー（時間形式）である例＃3を使用しようとしています

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

これが私の頭の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>

カレンダーのポップアップにスライダーがまったく表示されません。時間とともにドロップダウン メニューが表示されます。誰かがこれで私を助けてくれますか? そのエラーを修正できれば、問題は解決すると思います。

ありがとう

4

2 に答える 2

5

サンプルページのソースに関しては、次の設定を試すことをお勧めします。

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

編集：フィドルを作成しました：http://jsfiddle.net/sNa8d/

于 2013-03-22T19:24:47.803 に答える
0

datepicker+を使用したいがtimepicker、投稿する入力が 1 つしかない場合は、以下のように組み合わせて送信機能を使用できdatepickerますtimepicker。

Jクエリ

$("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">

MVCで投稿する場合

 @Html.HiddenFor(m => m.MatchStartTime)
于 2013-05-04T12:50:11.787 に答える