I've got a html area on my Servoy form (webclient solution) with the dataprovider set to the following string of code.
I expect the text field to be displayed on the page having a mask 'dd/mm/yyyy'.
Instead, the mask '99/99/9999' is displayed in the field and I cannot type in it.
If I hit F5 to refresh the page, the mask turns on and acts properly.
Is there a way to make it work from the first go?
Original html code:
- Code: Select all
'<html>
<head>\
<script src="http://twitter.github.io/typeahead.js/js/jquery-1.10.2.min.js"></script>\
<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2014/10/jquery.maskedinput.js"></script>\
<script type="text/javascript" src=\'http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js\'></script>\
<script>\
jQuery(function($){\
$("#date").mask("99/99/9999",{placeholder:"dd/mm/yyyy"});\
});\
</script>\
</head>\
<body>\
<input id="date" tabindex="1" type="text">\
</body>\
</html>'
Below is the source of the page after the form is shown. The extract below is the same before and after refreshing the page, so not sure what else influences it.
- Code: Select all
<script type="text/javascript" src="http://twitter.github.io/typeahead.js/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2014/10/jquery.maskedinput.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<script type="text/javascript" id="js_id5632419924"><!--/*--><![CDATA[/*><!--*/
jQuery(function($){ $("#date").mask("99/99/9999",{placeholder:"dd/mm/yyyy"}); });
/*-->]]>*/</script>