1

我正在尝试从此处实现 datepicker， 并将所有文件相应地复制到 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>
4

2 回答 2

0

改变：

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

至：

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

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

于 2014-09-10T06:35:29.893 回答
0

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

在布局中添加 CSS 文件

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

在您看来：

表单->输入('dob',array('id' => 'dp1'));?>

添加加法脚本：

$(function(){ window.prettyPrint && prettyPrint(); $('#dp1').datepicker({ format: 'dd-mm-yyyy' }); });

谢谢

于 2016-01-28T10:01:02.667 回答