Using jQuery Date picker with a custom trigger button

Question

How do I make the jQuery Datepicker open up by a user defined button?

Answer 1

This is HTML for date picker icon

onclick="show_date_picker('#datepicker_id');  on you icon element

This is function for open & close datepicker on icon click

function show_date_picker(source_datepicker){
    if($(source_datepicker).datepicker("widget").is(":visible")){
        $(source_datepicker).datepicker("hide");
    }else{ 
        $(source_datepicker).datepicker("show"); 
    }
}