How to use date picker in code igniter using twitter bootstrap??

1.Download necessary files from here

2.Copy all the required files to css,less and js of your codeigniter folder..

3. Add the following lines to your php file..

<link rel=”stylesheet” type=”text/css” href=”<?php echo base_url().’css/datepicker.css’?>”/>
<link rel=”stylesheet/less” type=”text/css” href=”<?php echo base_url().’less/datepicker.less’?>” />

<script src=”<?php echo base_url().’js/bootstrap-datepicker.js’?>”></script>

4. Add this code in php file..

<div class=”input-append date” id=”datepicker” data-date=”” data-date-format=”dd-mm-yyyy” >
<input class=”span2″ size=”16″ type=”text” value=”” disabled>
<span class=”add-on”><i class=”icon-th”></i></span>
</div>

<script>
$(‘#datepicker’).datepicker();
</script>

Now execute your php file and verify the date picker is working or not?? simple.. 😉

Try this too or use HTML5 date

Advertisements

11 thoughts on “How to use date picker in code igniter using twitter bootstrap??

  1. I think everything posted made a ton of sense.
    But, what about this? what if you typed a
    catchier post title? I ain’t saying your content is not good,
    however suppose you added a title that grabbed folk’s attention? I mean How to use date picker in code igniter using twitter bootstrap??

    | Sathya’s Log is a little vanilla. You could look at Yahoo’s home page and see how they create news headlines to grab viewers to
    click. You might add a video or a related pic or two to
    grab people interested about everything’ve written. In my opinion, it might bring your posts
    a little livelier.

  2. I have been browsing online greater than three hours nowadays, but I
    never found any fascinating article like yours.
    It is beautiful value sufficient for me. Personally, if all web owners and bloggers made good content
    as you did, the web will probably be a lot more helpful
    than evdr before.

  3. Hello There. I found your blog using msn. This is a really well
    written article. I’ll make sure to bookmark it and
    come back to read more of your useful information. Thanks for the post.
    I will definitely return.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s