1

ここで説明されているように、スライダー付きのJquery UI datetimepickerを実装するために誰かが私を正しい方向に導いてくれますか?

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

検索から多くの資料を見つけましたが、私の Web ページに datetimepicker を統合するために何が必要かについて正確に混乱しています。

Web ページでリンクする必要がある正確な css は何ですか?

どの特定のjqueryライブラリを含める必要がありますか?

日時とスライダーの両方を取得するには、入力でどのクラスを指定する必要がありますか?

私のヘッダーには次のようなものがあります：

<link href="//Content/bootstrap/css/jquery/jquery-ui-1.10.3.custom.css" rel="stylesheet">
<script src="/Scripts/jquery-lib/jquery-1.10.2.js"></script>

Then the input:
 <input id="datetimepicker1" class="ui-datepicker" type="text" value="" name="datetimepicker1" />

Then scripts:
<script>

$("#datetimepicker1").datetimepicker();
</script>
4

2 に答える 2

0

追加の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 { float: left; clear:left; padding: 0 0 0 5px; }
 .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
 .ui-timepicker-div td { font-size: 90%; }
 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

 .ui-timepicker-rtl{ direction: rtl; }
 .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
 .ui-timepicker-rtl dl dt{ float: right; clear: right; }
 .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

それをファイルに入れて、datepicker.cssなどに含めます

   <link href="datepicker.css" rel="stylesheet">

編集

jquery-ui-xxx.js を含めていないことに気付きました。自分でテーマを作成するか、http://jqueryui.com/ から既存のテーマをダウンロードして、HTML にスクリプト ソースを含めます。

于 2013-08-31T22:59:38.873 に答える