DatePicker – problém s js validací

Řešil jsem teď následující problém při kombinaci DatePicker (http://nette.merxes.cz/date-picker/) + Live Form Validation (z rychlého testu a mých znalostí to vypadá, že stejně se chová i při použití standardního NetteForms.js):

Pokud nastavím jakékoliv pravidlo pro $form->addDatePicker(), tak se sice do HTML vloží, ale při spuštění skriptu pro navázání jQuery na input podle návodu dojde k jejich ztrátě a datum se validuje pouze na serveru (a při použití ajaxu to pak přestane fungovat úplně).

Problém je v následující části kódu:

<script type="text/javascript">
if (el.attr("type") == "date") {
      var tmp = $("<input/>");
      $.each("class,disabled,id,maxlength,name,readonly,required,size,style,tabindex,title,value".split(","), function(i, attr)  {
          tmp.attr(attr, el.attr(attr));
      });
      el.replaceWith(tmp);
      el = tmp;
}
</script>

Konkrétně se nahradí původní element novým (aby nevyskakoval html5 kalendář), ale nepřenesou se validační podmínky! Je potřeba do toho dlouhého řetězce v $.each() přidat hodnotu data-nette-rules, případně i další data-nette-xxx.

Tímto tedy prosím Honzu Tvrdíka o opravu jeho návodu a dávám to sem jako informaci, která se může hodit i u jiných doplňků. :-)