Datepicker not loading
- Single Page
Posted 15 August 2012 - 16:11 PM
I've found your CRUD once I had my tables already implemented looking for alternative CRUD solutions. Anyways I really like the way you have styled your forms (jquery ui smothness and datatables style). I've managed to copy the styling (hope you don't mind) but cannot get datepicker to show. If I include "official" script it breaks my design so I'm trying to do it your way.
This I have in head for now - all paths correct:
[html]<link type="text/css" href="grocery_crud/themes/datatables/css/datatables.css" rel="Stylesheet" />
<link type="text/css" href="grocery_crud/css/ui/simple/jquery-ui-1.8.10.custom.css" rel="Stylesheet" />
<script type="text/javascript" language="javascript" src="grocery_crud/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" language="javascript" src="grocery_crud/themes/flexigrid/js/jquery.form.js"></script>
<script type="text/javascript" language="javascript" src="grocery_crud/themes/datatables/js/datatables-add.js"></script>
<script type="text/javascript" language="javascript" src="grocery_crud/js/jquery_plugins/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript" language="javascript" src="grocery_crud/js/jquery_plugins/jquery.ui.datetime.js"></script>
<script type="text/javascript" src="grocery_crud/js/jquery_plugins/config/jquery.datepicker.config.js"></script>
<script type="text/javascript" src="grocery_crud/js/jquery_plugins/config/jquery.datetime.config.js"></script>
<link type="text/css" href="grocery_crud/css/jquery_plugins/jquery.ui.datetime.css" rel="Stylesheet" /> [/html]
and class='datetime-input' for every date input field.
What am I missing here? Should a class be different?
Posted 16 August 2012 - 04:41 AM
so do you have to import a jquery files
<script src="<?php echo base_url() ?>assets/grocery_crud/js/jquery-1.7.1.min.js"></script>
<script src="<?php echo base_url() ?>assets/grocery_crud/js/jquery_plugins/jquery-ui-1.8.10.custom.min.js"></script>
and use the function $document.ready
$(document).ready(function(){
$("#idFieldshowDate").datepicker();
});
this solution work for me, i try to include the same files of GC but no work.
Posted 16 August 2012 - 06:37 AM