@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 : http://wedoeconsult2.wedoeconsult.com/smactest/
For chrome year scrolling option there but for safari, it is not coming
-
This reply was modified 5 years, 10 months ago by
gsindhusha.
-
This reply was modified 5 years, 10 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>
