Populate Calendar Date fields

1,799 views
Skip to first unread message

yendl...@gmail.com

unread,
Oct 11, 2018, 12:02:25 PM10/11/18
to Autofill Chrome Extension
Hi,
I am trying to autofill date field which is basically a calendar based field, drop down and you get a calendar to select your DOB
I am struggling to automate this in Chrome, Anyone has solution for this? Please provide
Also Please let me know how to autofill Captcha text from an Image using this extension
Thanks
--AJ

thdoan

unread,
Oct 11, 2018, 1:02:51 PM10/11/18
to Autofill Chrome Extension
Can you provide a URL containing the field you mentioned?

Autofill cannot autofill image captchas.

yendl...@gmail.com

unread,
Oct 11, 2018, 1:15:54 PM10/11/18
to Autofill Chrome Extension

thdoan

unread,
Oct 11, 2018, 3:27:49 PM10/11/18
to Autofill Chrome Extension
It seems like Autofill is having a problem generating a rule for this Google Forms field. Thanks for the report, I'll get this fixed soon...

thdoan

unread,
Oct 12, 2018, 10:02:47 PM10/12/18
to Autofill Chrome Extension
UPDATE: this has been fixed in v9.3.0. More more info, see https://groups.google.com/d/msg/chrome-autofill/3te4YxL-nH0/ve2H-7THAgAJ

thdoan

unread,
Oct 14, 2018, 6:32:42 PM10/14/18
to Autofill Chrome Extension
The date field in the original URL you provided now works with v9.3.0:


Delete your old rules first, then re-generate the rules by clicking on the icon.


On Sun, Oct 14, 2018 at 3:13 PM Ajay Yendluri wrote:
Hi Tom,

The Autofill doesnt work for the date still, the form which I am using has page source as below 


<h2>
<a
onclick="return startCommitRequest();"
href="extern/appointment_showMonth.do?locationCode=chenn&realmId=407&categoryId=886&dateStr=10.11.2018"
style="margin-left: 2em; margin-right: 2em;"><img
src="images/go-previous.gif" /></a>
12/2018
<a
onclick="return startCommitRequest();"
href="extern/appointment_showMonth.do?locationCode=chenn&realmId=407&categoryId=886&dateStr=10.01.2019"
style="margin-left: 2em; margin-right: 2em;"><img
src="images/go-next.gif" /></a>
</h2>
My Autofill fields screenshot
image.png

Please review and correct me if I am wrong

Thanks,
Ajay

thdoan

unread,
Oct 15, 2018, 2:36:37 AM10/15/18
to Autofill Chrome Extension
It's hard for me to test this because the form is not there whenever I visit the URL.

Without seeing the form myself, I can only take a guest that this site is using JavaScript to do extra validation, so it's a bit tricky. Try creating a JavaScript rule to autofill it. If you provide the HTML code to the date fields, I can create a sample rule for you.

On Sun, Oct 14, 2018 at 11:28 PM Ajay Yendluri wrote:
Hi Tom,

Yes this works for Google forms that I originally posted however I want the same to work on vfs website. Link for vfs website  is below and form only opens at 3:30 AM IST for 30 seconds

I did re-generate the rules by clicking on the icon however the two date fields do not seem to appear as per below screenshot 
Please suggest how do i approach on auto-filling the date fields - I have also attached the image of the form that I managed to capture 

image.png

Thanks,
--Ajay

thdoan

unread,
Oct 16, 2018, 4:08:04 PM10/16/18
to Autofill Chrome Extension
This also doesn't help me because I need to be using the real form. I clicked on the link you provided and landed here:

2018-10-16_130714.png


Is this the right date field?


On Tue, Oct 16, 2018 at 5:57 AM Ajay Yendluri wrote:
Hi Tom,

Any update? You can see the form in below link 

Thanks
Ajay

On Tue, 16 Oct 2018, 04:08 Ajay Yendluri, wrote:
Hi Tom,

Please try the link below 

I have managed to pick up the html code below, please create a rule for me 

<input type="text" name="fields1content" value="" readonly="readonly" id="fields1content" class="input text l hasDatepicker">

 

 

                                                                                                $(function() {

                                                                                                                $("#fields1content").datepicker({

                                                                                                                                dateFormat : 'dd.mm.yy',

                                                                                                                                changeMonth: true,

                                                                                                                    changeYear: true,

                                                                                                                    minDate: '-100y',

                                                                                                                    maxDate: '+50y',

                                                                                                                    yearRange: 'c-100:c+50',

                                                                                                                    onSelect: function (dateText, source) {

                                                                                                                                if(dateText != null && dateText != ''){

                                                                                                                                                var dp = dateText.split('.');

                                                                                                                                                var newDp = dp[2] + '-' + dp[1] + '-' + dp[0];

                                                                                                                                                $("#fields1contenthidden").val(newDp);

                                                                                                                                }

                                                                                                                               

                                                                                                                    },

                                                                                                                               

                                                                                                                });

                                                                                                                var repeat = $("#fields1contenthidden").val();

                                                                                                                if(repeat) {

                                                                                                                                var dp = repeat.split('-');

                                                                                                                                var newDp = dp[0];

                                                                                                                                if(dp.length>1) {

                                                                                                                                                newDp = dp[2] + '.' + dp[1] + '.' + dp[0];

                                                                                                                                }

                                                                                                                                $("#fields1content").val(newDp);

                                                                                                                }

                                                                                                });

                                                                               

                                                                               

Thanks,
Ajay

thdoan

unread,
Oct 18, 2018, 9:31:09 PM10/18/18
to Autofill Chrome Extension
I think I know what the problem is: if you look at the HTML code for the date field, you'll notice that it's "read-only"; this is why it can't be autofilled. However, the good news is the actual date value is stored in a hidden field below, which means you can autofill the hidden field instead:

Type = Text
Name = ^fields1contenthidden$
Value = 19.10.2018

It worked for me.

On Thu, Oct 18, 2018 at 10:49 AM Ajay Yendluri wrote:
Hi Tom,
How you doing?
I am sorry to keep bothering you
Do you have any update for me on the date fields 

Thanks,
Ajay

thdoan

unread,
Oct 18, 2018, 11:00:06 PM10/18/18
to Autofill Chrome Extension
It's not going to show up because it's hidden. Have you tried submitting the form?

On Thu, Oct 18, 2018 at 7:38 PM Ajay Yendluri wrote:
Hi Tom,
Unfortunately it did not work at my end, please check below screenshot and guide me
image.png

image.png

Thanks,
--Ajay

fernandez...@gmail.com

unread,
Apr 30, 2019, 11:55:02 PM4/30/19
to Autofill Chrome Extension
Hi Tom,

I'm having a similar issue using v. 9.5.6. The website is a google form (https://forms.gle/hWqf3irezBFW3HoM8) and I can't get it to fill the calendar field. I've noticed that when I fill it out manually and have it create the rule, it misses the apostrophe in "Today's Date", but when I manually enter that into the rule, the form appears to be filled, but acts as though it is not (it won't let me move to the next page saying "this field is required"). 

If it's helpful, I think this is the code in question:
<input type="date" class="quantumWizTextinputPaperinputInput exportInput" jsname="YPqjbf" autocomplete="off" tabindex="0" value="" data-initial-value="2019-04-23" dir="ltr" badinput="false">

rajesh.p...@gmail.com

unread,
May 20, 2019, 2:29:04 AM5/20/19
to Autofill Chrome Extension

Hi Ajay,

Hope you are doing well.

I need your help to book Germany Job SeekerVISA. Please help me.

Regards
Rajesh Potluri

durai.ka...@gmail.com

unread,
Oct 11, 2019, 10:52:02 AM10/11/19
to Autofill Chrome Extension
Hi,

Is there any further update on this thread?

prasa...@gmail.com

unread,
Dec 26, 2019, 12:30:58 PM12/26/19
to Autofill Chrome Extension
Hello All,

Did calendar fields is auto populating using auto fill extension in chrome browser..its not working for me..can any one help me on that.

prasa...@gmail.com

unread,
Dec 26, 2019, 12:42:40 PM12/26/19
to Autofill Chrome Extension
Hi,

I am trying the same. If u have sorted out.can you let me know how to auto fill the date in chrome.

MJ Dehghan

unread,
Jun 21, 2021, 3:27:20 AM6/21/21
to Autofill Chrome Extension
It works perfectly. Thanks for your guidance about hidden field.

Kujtim Kelmendi

unread,
Sep 13, 2021, 7:50:47 PM9/13/21
to Autofill Chrome Extension
hey MJ, can you please let us know how did you manage to get this working on this type of form (calendar)?
Thank you.

Av Luxury

unread,
Sep 23, 2021, 7:13:44 AM9/23/21
to Autofill Chrome Extension
hello Tom , did you find anything to work on that? 

Autofill Extension

unread,
Dec 31, 2021, 9:13:33 PM12/31/21
to Autofill Extension
Hi all, this has been fixed in Autofill v10 (to be released soon):

Reply all
Reply to author
Forward
0 new messages