-1

最初に、JQuery datepicker のアイコンをロードする必要がありましたが、データベースに値を挿入した後、アイコン イメージが壊れています。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>

私は何かを逃していますか？ありがとう！

4

1 に答える 1

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>
于 2012-09-21T21:53:00.257 に答える