How to clone jquery datepicker? -
i need clone (to inherite) datepicker jquery object , override _generatedhtml method. code:
$.fn.datepickerext = $.fn.datepicker; var datepickeroldhtml = $.datepicker._generatehtml; var datepickerext = $.extend($.datepicker, { _generatehtml: function(inst) { var generatedhtml = datepickeroldhtml.apply(this, arguments); return "<div style='text-align:center'>header</div>"+generatedhtml; } }) but not sure have different objects $.fn.datepicker , $.fn.datepickerext..
link jsfiddle: http://jsfiddle.net/konstantin/9rjna/
in case header need added datepickerext...
i come across same problem , after gone through suggested solution, got way out.
$('#actions').append($new_row); $('#actions').find('input.datepicker').removeclass("hasdatepicker").removeattr('id'); $('#actions').find('button.ui-datepicker-trigger').remove(); $('#actions').find('input.datepicker').unbind(); $('#actions').find('input.datepicker').datepicker('destroy'); $('#actions').find('input.datepicker').datepicker( { autosize:false, showon:'button', dateformat:'yy-mm-dd', weekheader: 'w', showweek: true, firstday: 0, changemonth: true, changeyear: true, gotocurrent:true, showbuttonpanel:true, showanim:'', duration:'fast' } ); after insert cloned elements (within id "actions"):
- remove every datepicker id detected otherwise new created datepicker still stick particular input id
- remove datepicker button or duplicate on cloned element
- unbind datepicker (don't know must)
- destroy datepicker
- now clean-up, re-initialize datapicker event
Comments
Post a Comment