Search jQuery

jQuery Forum

DateBox not working if <input> loaded via ajax

in jQuery Mobile • 11 years ago

I'm using datebox for jQuery Mobile (http://dev.jtsage.com/jQM-DateBox/).

I'm loading the form element, which contains the input type="date" tag, via an ajax call. This is resulting in a regular input tag with the date ticker. If I don't use ajax to load the form/input, everything works great. I've looked around the forum, but did not find a post related to this issue.

Here's the code for the input:

<input type="date" name="payDate" id="payDate" value="" data-role="datebox" data-options='{"mode": "calbox"}' />

Please advise.

Replies(6)

haddnin

Re: DateBox not working if <input> loaded via ajax

11 years ago

Here's what I've tried so far:

('#ajaxContent').html(data).trigger('create');
$('#dateInput').trigger('datebox');

$('#ajaxContent').html(data).trigger('create');
$('#dateInput').datebox.('refresh');

No luck yet!

jtsage

Re: DateBox not working if <input> loaded via ajax

11 years ago

try:

$('#dateInput').datebox();

~jtsage

haddnin

Re: DateBox not working if <input> loaded via ajax

11 years ago

Thanx J.T.! That worked, but have you seen this before? Looks like the input is not getting changed to type text. Is this related to loading it via ajax?

jtsage

Re: DateBox not working if <input> loaded via ajax

11 years ago

yes, it's because the two events that run to set up datebox run at page init - you are inserting post-init. If you set the type to text, that will take care of that issue - sorry, didn't read the original question close enough.

~jtsage

haddnin