Forum | Appery.io

I have an input component of type 'date'. On the appery browser using chrome it gives a date picker. On my old android 2.3 it renders as a normal text field. I understand this as the internal browser probably is not html5 compliant. On my tablet running android 4.2.2, it shows a blank field, not even showing the place holder text, and pops up the on screen keyboard to fill in the field. Should it not have some kind of date picker?

If this is a html5 compliance problem, is there another way to show a date picker?

Hi Terry,

Have you tried a Datepicker component?
http://devcenter.appery.io/documentat...

yes, that's what I needed. Is it possible to configure the min and max dates in javascript? Also I can't access the date value with Appery('date_input').val() anymore, how do I access this?

I have tried:

codevar date = Appery('date_input').datepicker('getDate');/code

thinking you were using the standard jQuery Mobile datepicker, but this gives me a console error:

Uncaught TypeError: undefined is not a function

I tried the following in Page Show event:

codevar today = new Date();
Appery('date_input').datepicker({minDate: today});
Appery('date_input').datepicker({maxDate: '+1w'});/code

This also gave console error

Terry,

1. You can set min and max dates in the right column - "PROPERTIES"
2. To get selected date please use method preApperyio("mobiledatepicker_17").getAttr('defaultDateValue') /pre
   where mobiledatepicker_17 is you datepicker component name

That works. However I want to set the date range from today to + 1week. which is why I need to do it in Javascript

Hello!

You can set min and max dates this way:preApperyio("mobiledatepicker_30").datepicker_dataPickerOptions.maxDate = "+1M +10D";/prepreApperyio("mobiledatepicker_30").datepicker_dataPickerOptions.minDate = -20;/prewhere mobiledatepicker_30 is your datepicker's name property

That works great, Thanks Maryna

Hi,

I want to set the date of a input component with a date value today in code but have so far been unsuccessful. My code is

var datefrom = new Date()
Appery('invDateTo').attr('value',datefrom);

I have also tried
Appery('invDateTo').val(datefrom);

I do not what to use the datepicker component.

Can you please help?

Thanks,
Aeneas

Hello,

Works well for us: http://gyazo.com/aba2d9189a744060cb79... - simple date object inside
http://gyazo.com/236c31f04a49aad21962... - with a extra variable
http://gyazo.com/60382ef16006fcb8151d... - even Appery instead Apperyio works

1) Do you have errors in your code?
2) Do you have any other errors in console, before evaluating the code
3) When do you call your JavaScript ? It should be on Page Show, not on Load