Question

我正在尝试从here实现日期选择器将所有文件复制到js和css文件夹中并尝试在此页面上调用datepicker但它没有显示出来。这是页面的代码：

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

Answer 1

变化：

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

要：

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

您使用css类作为选择器，而不是DOM ID。

Answer 2

下载Bootstrap Datepicker工具 [http://www.eyecon.ro/bootstrap-datepicker][1]

在布局中添加CSS文件

Html-＆gt;脚本（＆＃39; jquery.js＆＃39;）？＆gt; Html-＆gt;脚本（＆＃39; bootstrap-datepicker.js＆＃39;）？＆gt;

在您的视图中：

表格 - >输入（＆＃39; dob＆＃39;，数组（＆＃39; id＆＃39; =＆gt;＆＃39; dp1＆＃39;））;？＆gt;

添加加法脚本：

$（函数（）{ window.prettyPrint＆amp;＆amp; prettyPrint（）; $（＆＃39;＃DP1＆＃39）。日期选择器（{ 格式：＆＃39; dd-mm-yyyy＆＃39; }）; }）;

谢谢

Bootstrap datepicker无效+ cakephp 2.0.3

2 个答案: