Where To Customize Plugin

Daniel,

Yes, it all make sense. I appreciate that you contacted me here. Exactly, you don’t need to touch the PHP files and also not required to modify the plugin files.

Did you get a chance to see these two options on settings page?
https://prnt.sc/kfsjep

The other way, you are trying to modify the settings, is:
Follow the extends syntax from the plugin example
.datepicker($.extend(

Link: Demo Source

Line no. 312

In case, you don’t feel comfortable with both options and want me to help you in it so please reach me through the same demo website.

Thanks,
Fahad

• This reply was modified 6 years, 7 months ago by Fahad Mahmood.

Hi Fahad, and thanks for getting back this quickly!

Fact is that I have two datepickers, (check in / check out)
where I want to set the minDate of the checkout picker, after the user has selected from the check in datepicker.

I tried to use the syntax from the Demo Source like this:

$('#check-in').datepicker($.extend(
{},
        $.datepicker.regional["en-AU"]
    ));

But that does not work for me. ??

Also the code from the Demo Source line 312, seems to be inside the function wpdp_refresh, which is defined on the functions.php in the plugin, so I think I still doing it all wrong..

• This reply was modified 6 years, 7 months ago by dhomeal.

No, you are doing it correct. Make sure that you are not doing it twice. For example, “#check-in” should be once on the page. Either use it from settings page or in your custom JavaScript. One more thing to make sure, you are using jQuery instead of $ sign or you are wrappign $ with

jQuery(document).ready(function($){ 
//your custom script goes here
});

Don’t worry about refresh function or anything else. Plugin files are modified time to time according to different cases. Don’t be confused with that complex implementation. Try it with simple one.

I checked and I only have one element with the id #check-in.

Even tried changing the ID but no luck

Here is my full script:

<script>
// USE OF jQuery!
jQuery(document).ready(function($) { 

$('#check-in').datepicker($.extend(
{},
        $.datepicker.regional[ "en-AU" ]
    ))

})

</script>

No matter what setting I use I can’t access the datepicker.

I tried to see if I could print the value
by using setInterval, and I can:

setInterval( () => {
   console.log( $('#check-in').val() ); // prints something like : 2018-02-12

}, 5000 )

But when I try to access any settings on the datepicker, it gets me no where.

• This reply was modified 6 years, 7 months ago by dhomeal.

I think, when you are using this kind of custom code so plugin isn’t required anymore. The reason is, plugin was developed for those who don’t need customization at this level. I would suggest, directly include jquery and jquery ui through WordPress and use the same custom scripts so no conflicts should be there due to plugin code. The other way, let me have a look into it if it’s possible so join me through https://demo.androidbubble.com/contact/