- Download Jquery UI yang ada Datepickernya http://jqueryui.com/download/
- Setting autoload.php yang ada di config $autoload['helper'] = array('url','form');
- Setting juga routes.php dan base url yang ada di config.php
- berikut Script sederhanya
untuk datepicker.php di controller
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Datepicker extends CI_Controller {
public function index()
{
$this->load->view('datepicker_view');
}
}
untuk datepicker_view.php di view
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="<?php echo base_url(); ?>asset/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>asset/js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>asset/js/jquery-ui-1.10.3.custom.min.js"></script>
<link type="text/css" href="<?php echo base_url() ?>asset/css/ui-lightness/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
<meta charset="utf-8">
<title>datepicker</title>
</head>
<body>
<script>
$(document).ready(function() {
width:100;
$("#test").datepicker({
dateFormat: 'dd-mm-yy',
buttonImageOnly: true,
});
});
</script>
<div id="container">
<h1>datepicker!</h1>
<?php
echo form_input('test','','id="test"');
?>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar