About the search input in datatable.

About the search input in datatable.

edsan88edsan88 Posts: 4Questions: 0Answers: 0
edited December 2011 in General
I would like to ask how could i be abl to put or integrate a pop up calendar in search input so that user no onger need to input dates manually to filter the data within the table.
Hoping for immediate response and God bless.

Thanks,

Replies

  • John ArcherJohn Archer Posts: 56Questions: 1Answers: 0
    Hi edsan,

    in our project we use the jQuery Timepicker Addon (http://trentrichardson.com). I think you should start with this.

    Greetings
  • edsan88edsan88 Posts: 4Questions: 0Answers: 0
    thanks so much mate for the info. Im not that much good when it comes to jquery stuffs/.
  • edsan88edsan88 Posts: 4Questions: 0Answers: 0
    my problem is, i just dont know where to locate the code pointing to search input in datatable. Im newbie. Sorry for inquiries
  • John ArcherJohn Archer Posts: 56Questions: 1Answers: 0
    edited December 2011
    No problem! I am also not a pro and happy when someone helps me.

    A little addition to my previous post: The linked plugin extends the standard datepicker of jQueryUI (http://jqueryui.com/demos/datepicker/).

    So, basically what you have to do is give each input field a unique html id. E.g. I use in PHP
    [code]echo '';[/code]
    So the ID (and name) is e.g. 'search0', 'search1' and so forth.

    Now, after the DOM is loaded you simple have to call in JavaScript (assuming search0 is the field where you want to have you date stuff):
    [code]$('#search0').datepicker();[/code]

    Please look up the datepicker documentation for all the parameters you can give the call.

    Hope this helps!

    Cheers
  • edsan88edsan88 Posts: 4Questions: 0Answers: 0
    thanks so much for the help. God Bless YOu
  • John ArcherJohn Archer Posts: 56Questions: 1Answers: 0
    You're welcome. Let me know if it works.

    Regards
This discussion has been closed.