Open HTML5 date picker on icon click

Question

I have an HTML5 date picker.
It is opened when I click on the date picker text box.

Todo :

• I have to change the event to an icon,

Answer 1

I'm answering this, hoping that someone new would find it helpful: My html was like this:

'>
  
  

     
  
  
  

     
  


$(function()
{
 $(document).on('click','.datedisplay',function()
 {
    $(this).siblings('[type="date"]').removeClass('hidden').focus().click();
    $(this).remove();
 });
});

I've tested it on chrome simulator as well as on android devices and it works perfectly fine. Needs testing on iOS devices though.