[eluser]fourcs[/eluser]
CI is generating the references to the jquery, css, and image properly, but the jquery icon isn't appearing. The same configuration works in a jquery sample page.
<code>
<html>
<head>
<title><?php echo $title;?></title>
<?= style('mystyles');?>
<?= jscript('jquery.min');?>[removed]
<?= jscript('date');?>
<?= jscript('jquery.datePicker');?>[removed]
<!-- datePicker required styles -->
<link rel="stylesheet" type="text/css" media="screen" href=<?=style('datePicker');?>
<!-- page specific styles -->
<link rel="stylesheet" type="text/css" media="screen" href=<?=style('demo');?>
<!-- page specific scripts -->
[removed]
$(function()
{
$('.date-pick').datePicker({clickInput:true})
});
[removed]
[removed]
Date.firstDayOfWeek = 0;
Date.format = 'yyyy/mm/dd';
$(function()
{
$('.date-pick').datePicker()
});
[removed]
</head>
<body>
<div id="header">
<? $this->load->view('records_header'); ?>
</div>
<div id="menu">
<? $this->load->view('records_menu'); ?>
</div>
<? echo heading($forminput,3) ?>
<? echo form_open('records/input'); ?>
<? echo form_hidden('id',$fid['value']); ?>
<? echo $dt_start .' : '.form_input($fdt_start).br(); ?>
<? echo $dt_end .' : '.form_input($fdt_end).br(); ?>
<? echo $cat. ' : '.
form_dropdown('category',$category,$fcategory['value']).br(); ?>
<? echo $bed .' : '.
form_dropdown('beds',$beds,$fbeds['value']).br(); ?>
<? echo $sb_Price_Range .' : '.
form_dropdown('sb_Price_Range',$sbprs,$fsb_Price_Range['value']).br(); ?>
<? echo $sb_Price .' : '.
form_input($fsb_Price).br(); ?>
<? echo $normal_Price .' : '.
form_input($fnormal_Price).br(); ?>
<? echo form_submit('mysubmit','Submit!'); ?>
<? echo form_close(); ?>
<div id="footer">
<? $this->load->view('records_footer'); ?>
</div>
</body>
</html>
</code>
Update:
Using the assets_helper for the datePicker.css has solved the problem. I still have to get the line spacing correct. This seems to be a case of tweaking the jquery script.
Update:
I've succeeded in tweaking the ui.datepicker to align the html the way I wanted.