how to detach a click event handler which has a wdatepicker inside?
<p>Here's an input element ready for picking date.</p>

<pre><code>&lt;input type="text" id="txtPickDate" /&gt;
</code></pre>

<p>This element had been attched with a <code>click</code> event handler:</p>

<pre><code>$("#txtPickDate").on("click", function(){
    WdatePicker({ skin: 'whyGreen', dateFmt: 'MMdd',isShowClear:false,readOnly:true });
});
</code></pre>

<p>this event handler could pick the date as 'MMdd' format. But somehow I want it to be picked as 'yyyyMMdd'. I've tried this but it didn't work:</p>

<pre><code>$("#txtPickDate").off("click").on("click", function(){
    WdatePicker({ skin: 'whyGreen', dateFmt: 'yyyyMMdd',isShowClear:false,readOnly:true });
});
</code></pre>

<p>I think it could have worked, but eventually the element <code>txtPickDate</code> seemed to be attched with <strong>two</strong> handlers! What would you suggest me to do it right?<br>
Any help will be greatly appreciated.</p>