Adding php to javascript (wordpress)

Question

I am got using following code in a javascript file(custom.js):

gapinvite = new Date(2014, 06 - 1, 2);
$('.days').countdown({
    until: gapinvite,
    layout: '{dn} {dl}',
    timezone: +7
});

I am using theme options(theme-options.php) to get the input from a user and then need to use it in the above javascript file.If it was a php file I would've used:

$date = get_option('director_date');
if( $date) {
echo $date;
}

. Since it is a javascript file I do not know how that could be possible. Could you please help?

There are a lot of introductions to AJAX which you can find in Google. And that's how to use AJAX in WP codex.wordpress.org/AJAX_in_Plugins. — oxfn
– oxfn, Commented Mar 14, 2014 at 5:41
you can add javascript to php file and the include the php file where you want — Karthick Kumar
– Karthick Kumar, Commented Mar 14, 2014 at 5:50

Brady Emerson · Accepted Answer · 2014-03-14 08:36:32Z

1

Output the value into a javascript variable during rendering.

<script>var directorDate = new Date(<?php echo date('Y, m, d', $date); ?>);</script>

Then in the javascript, reference directorDate variable.

The script tag above needs to be inserted before your custom.js, or custom.js needs to wait before looking for the variable (it will be undefined otherwise).

answered Mar 14, 2014 at 8:36

Brady Emerson

4,9091 gold badge17 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

user3274745 Over a year ago

during rendering? Do you mean i need to add the above code to theme-options.php"

Brady Emerson Over a year ago

While the page is being created on the server. For example, add the code above to your header.php template file in the <head> section if it should be available on all pages.

user3274745 Over a year ago

And how do i reference it. Once added?

Brady Emerson Over a year ago

In JavaScript it will be "directorDate".

user3274745 Over a year ago

you mean console.log("directorDate")?

|

Collectives™ on Stack Overflow

Adding php to javascript (wordpress)

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related