2

このhttp://trentrichardson.com/examples/timepicker/をプロジェクトに実装しようとしています。

問題は何も起こらないということです。

だから、これが私がやったことであり、削除されていないことです：

-.jsファイルをダウンロードして、「スクリプト」ファイル内に配置しました。-このスクリプトへの参照をそのように追加しました：

<script src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>

ページの冒頭にこれを追加しました：

 <script type="text/javascript">
$(function () {
    $('.datetime').datetimepicker();
});
 </script>

私はこれをcssファイルの最後に追加しました：

 /* css for timepicker */
 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
 .ui-timepicker-div dl { text-align: left; }
 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
 .ui-timepicker-div td { font-size: 90%; }
 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

そして私もこれを持っています：

 <input type="text" class="datetime" id="datetime1" value="" />

問題は、表示されるテキストボックスしかないことです。タイムピッカーはそうではありません。何がよくわからないのですか？

4

5 に答える 5

4

ここでもデモを行います：http：//jsfiddle.net/atP2P/

HTML

クラスがありませんでした

<script src="http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

<input type="text" name="datetime" id="datetime1" class="datetime" value="" />
​
于 2012-04-16T08:13:37.447 に答える
2

.datetimeプラグインの初期化中にクラスを使用しています。したがって、HTMLにはクラスが含まれている必要があります

 <input type="text" name="datetime" id="datetime1" class="datetime" value="" />

デモ

または、プラグインを初期化して、次idのようなクラスの代わりに選択することもできます。

$(function () {
    $('#datetime1').datetimepicker();
});

いずれにせよ、それは機能します。

于 2012-04-16T08:12:00.903 に答える
2

これを変更する必要があります

 <input type="text" name="datetime" id="datetime1" value="" />

これに

 <input type="text" name="datetime" class ="datetime" id="datetime1" value="" />

cssクラスセレクターを使用してdom要素を選択しているため、dateimepickerがclass = "datetime"でコントロールを検出できるように、その要素のクラス属性を指定する必要があります。

または、入力要素でcssクラスを使用したくない場合は、オプションで、このようなIDセレクターを使用してスクリプトを変更できます。

$(function () {
    $('#datetime1').datetimepicker();
});

これにより、jqueryとセレクターについての良いアイデアが得られます

于 2012-04-16T08:12:11.310 に答える
2

または変更することができます

$('.datetime').datetimepicker();

に

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

本当にクラスを使用したい場合は、これを試してください。

$('.datetime').each(function() {
    $(this).datetimepicker();
});
于 2012-04-16T08:13:41.967 に答える
2

テキストボックスのクラス属性を「datetime」として追加してみてください

于 2012-04-16T08:14:11.937 に答える