Datepicker not working

@gsindhusha please try in Safari after deactivating plugin to make sure this is because of plugin. I tried https://smacindia.com/membership/ in Safari, this appears https://prnt.sc/tf92bi.

@raissufyan you are right, modern browsers manage date fields with their built in scripts. You need to choose input type carefully and classes as well.

@gsindhusha please try to avoid the following:

1) input type=”date”

2) class=”datepicker”

@fahadmahmood.

Thank You for the solution. it worked for me.
But I need the year to be scrolled since it is DOB.

Test link : https://wedoeconsult2.wedoeconsult.com/smactest/

For chrome year scrolling option there but for safari, it is not coming

• This reply was modified 4 years, 8 months ago by gsindhusha.
• This reply was modified 4 years, 8 months ago by gsindhusha.

If you are using FREE version then try this one:

$( ".selector" ).datepicker({ changeYear: true });

If not, then there is a checkbox which you can turn on, on settings apge.

@fahadmahmood Where to include this code

@fahadmahmood.

Request you to please check and help us on the above issue that I am facing from long time( Date picker not working in safari)

Link : https://smacindia.com/membership/

What happened on safari? Is it not implementing the rules or anything else?

@fahadmahmood .

For chrome year scrolling option there but for safari scrolling not coming.
You said to add below code. Can you please tell me where do I need to add

$( “.selector” ).datepicker({ changeYear: true });

@fahadmahmood any update on my issue. Year scrolling option not working in safari

@gsindhusha I visited your provided URL https://smacindia.com/membership/ I think you are not implementing wp Datepicker plugin properly, you are using only input type date it is not enough to implement the Datepicker plugin. Please watch this video https://www.youtube.com/watch?v=XPuGlTgYszo I think it will help you to implement wp Datepicker plugin.

Thanks

@abdulrazzaq4085. we are using Free Plugin. The video which you shared belongs to Pro.

@gsindhusha OK than you can use only selector ID or Class in text input field. And use this script.

$( “selector_of_input_field” ).datepicker({ changeYear: true });

It will make years changeable.

Thanks

@abdulrazzaq4085 please let me know the exact place to use this line.

@gsindhusha you can use this in footer.php file of current theme before body close tag.

<script>
jQuery( “selector_of_input_field” ).datepicker({ changeYear: true });
</script>