将数据插入数据库后,JQuery datepicker图标触发器被破坏

时间:2012-09-21 21:35:56

标签: php jquery css codeigniter jquery-ui-datepicker

首先我要为JQuery日期选择器加载我的图标但是在我将值插入我的数据库后,图标图像被破坏了。即时通讯使用Codeigniter框架。

这是我的HTML代码:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
     <meta charset="UTF-8">    
     <title>CRUD</title>
<?php echo link_tag(base_url() . 'css/ui-lightness/jquery-ui-1.8.23.custom.css'); ?>    
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui-1.8.23.custom.min.js"></script>
</head>
<body>
<div>
    <?php
    echo form_label('BDay:', 'bday');

    $data = array(
        'name' => 'bday',
        'id' => 'datepicker'
    ); 

    echo form_input($data);
    ?>
</div>
</body>
</html>

这是我的jscript:

<script>
$(function() {
    $( "#datepicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "<?php echo base_url() . '/images/icons/calendar_24.png' ?>",
        buttonImageOnly: true,
        onSelect: function(dateText, inst){
            $("input[name='bday']").val(dateText);
        }
    });

});
</script>
我错过了什么吗?谢谢!

1 个答案:

答案 0 :(得分:0)

尝试将其添加到头部 - 您没有将jQuery或jQuery ui添加到项目中

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>