2

あなたがこれで私を助けてくれることを本当に望んでいます、私は迷っています...

bootstrap-datepicker.jsテーマの js フォルダーにとを追加bootstrap-timepicker.jsし、関連する css ファイルを css/bootstrap フォルダーに追加しました。

スクリプトとスタイルシートをエンキューするように functions.php を変更しました。

wp_enqueue_script('bootstrap-js', get_template_directory_uri() .'/js/bootstrap.js');
wp_enqueue_script('bootstrap-datepicker', get_template_directory_uri() .'/js/bootstrap-datepicker.js');
wp_enqueue_script('bootstrap-fileupload', get_template_directory_uri() .'/js/bootstrap-fileupload.js');
wp_enqueue_script('bootstrap-timepicker', get_template_directory_uri() .'/js/bootstrap-timepicker.js');

wp_enqueue_style('bootstrap', get_template_directory_uri().'/css/bootstrap/bootstrap.css');
wp_enqueue_style('responsive', get_template_directory_uri().'/css/bootstrap/bootstrap-responsive.css');
wp_enqueue_style('bootstrap-datepicker', get_template_directory_uri().'/css/bootstrap/bootstrap-datepicker.css');
wp_enqueue_style('bootstrap-fileupload', get_template_directory_uri().'/css/bootstrap/bootstrap-fileupload.css');
wp_enqueue_style('bootstrap-timepicker', get_template_directory_uri().'/css/bootstrap/bootstrap-timepicker.css');

オブジェクトは正しく表示されますが、クリックしても何も起こりません。以下の HTML で呼び出しています (各作成者のサイトのサンプル コード)。

<div class="input-append date" id="datepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
    <input class="span2" size="16" type="text" value="12-02-2012">
    <span class="add-on"><i class="icon-th"></i></span>
</div>

<div class="input-append bootstrap-timepicker-component">
    <input type="text" class="timepicker-default input-small">
    <span class="add-on">
        <i class="icon-time"></i>
    </span>
</div>

Chrome で要素を調べると、そこに CSS があり、スクリプトが [Resources] > [Scripts] セクションにあることがわかります。サイトの他のすべては正常に機能します。

4

1 に答える 1

3

問題は、datepicker と timepicker のマークアップとスタイルを作成しただけで、実際には入力でそれらを有効にしていないことです。

jQuery を使用すると、次の JavaScript を使用して有効にすることができます。

$('.timepicker-default').timepicker(); // I would change the class, or maybe use an id
$('#datepicker').datepicker();

ドキュメントでより多くのオプションを見ることができます

于 2012-11-09T00:49:36.917 に答える