1

ここから日付ピッカーを実装しようとしており 、それに応じてすべてのファイルを js および css フォルダーにコピーし、このページで日付ピッカーを呼び出そうとしていますが、表示されません。ページのコードは次のとおりです。

    <?php 
echo $this->Html->script('jquery-1.9.1.js');
echo $this->Html->script('bootstrap.js');
echo $this->Html->script('bootstrap-datepicker.js');

echo $this->Html->css('bootstrap.css');
echo $this->Html->css('bootstrap-responsive.css');
echo $this->Html->css('datepicker.css');

?>
<div class="users form">
<?php echo $this->Form->create('User');?>
    <fieldset>
        <legend><?php echo __('Edit User'); ?></legend>
    <?php
        echo $this->Form->input('id');
        echo $this->Form->input('full_name');
        echo $this->Form->input('first_name');
        echo $this->Form->input('last_name');
        echo $this->Form->input('email', array('readonly' => true));
    ?>
    </fieldset>
    <fieldset>
    <?php
        echo $this->Form->input('zip');
        echo $this->Form->input('gender', array('type' => 'radio', 'options' => array('male' => 'M', 'female' => 'F'), 
                 'legend' => false, 'value' =>  isset($this->data['User']['gender']) ? $this->data['User']['gender'] : 'male'));
        echo $this->Form->input('birthday', array('class' => 'datepicker', 'type' => 'text', 'label' => false));


    ?></fieldset>
<?php echo $this->Form->end(array('class'=>'btn btn-primary'));?>
</div>
<script type="text/javascript">
<!--

//-->
$(document).ready(function() {
        $('#datepicker').datepicker({
            format: 'mm-dd-yyyy'
        });
});
</script>
4

2 に答える 2

0

変化する：

$(document).ready(function() {
    $('#datepicker').datepicker({
        format: 'mm-dd-yyyy'
    });
});

に：

$(document).ready(function() {
    $('.datepicker').datepicker({
        format: 'mm-dd-yyyy'
    });
});

DOM ID ではなく、セレクターとして css クラスを使用します。

于 2014-09-10T06:35:29.893 に答える
0

Bootstrap Datepicker ツールを [ http://www.eyecon.ro/bootstrap-datepicker][1]からダウンロードします。

レイアウトに CSS ファイルを追加する

Html->script('jquery.js') ?> Html->script('bootstrap-datepicker.js') ?>

あなたの見解では：

Form->input('dob',array('id' => 'dp1'));?>

追加スクリプトを追加:

$(function(){ window.prettyPrint && prettyPrint(); $('#dp1').datepicker({ フォーマット: 'dd-mm-yyyy' }); });

ありがとうございました

于 2016-01-28T10:01:02.667 に答える