2012-09-21 36 views
-1

起初,我必須加載JQuery datepicker的圖標,但在將值插入到數據庫後,圖標圖像已損壞。即時通訊使用Codeigniter框架。將數據插入到數據庫後,JQuery datepicker圖標觸發器被破壞

,這裏是我的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> 

我這麼想嗎?謝謝!

回答

0

嘗試在頭部添加這個 - 你不加入的jQuery或jQuery用戶界面到您的項目

<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> 
+0

哦!我忘了把它列入我的文章。即時通訊很抱歉,但我已經在我的頭標籤中的代碼,仍然無法正常工作。 –

+0

@crisginecallano你可以創建一個jsfiddle.net嗎?並告訴我們什麼不工作?它使解決問題變得更容易 –