How to convert php array into javascript array to use with the Jquery UI datepicker?

Question

Right now I am using a manually inputted array of dates called disable to disable dates in the jquery UI datepicker with the beforeShowDay method. This is working fine, however, I have a php variable $disablethese which is storing a dynamic array of dates to disable. For some reason, I can't seem to convert my php array into a javascript array (which I'm calling unavailabledates). It doesn't throw any errors but it just doesn't work block out the dates the same way as the static array.

<script type="text/javascript">
    var unavailabledates = <?php echo json_encode($disablethese); ?>;
    </script>
    <script src="js/datepicker-admin.js"></script>

Here is datepicker-admin.js

 $(document).ready(function() {
        var disable = ["2014-01-03","2014-01-13","2014-01-23"];
            $('#fromDate').datepicker({
            beforeShowDay: function(date) {
                if($.inArray($.datepicker.formatDate('yy-mm-dd', date ), disable) > -1) {
                    return [false, "highlighted", "Booked out"];
                } else {
                    return [true, "", "available"];
                }
            }
        });
    });

!! Free to Ask me if any issue

Jain
– Jain

2014-02-10 09:16:14 +00:00
Commented Feb 10, 2014 at 9:16 — Jain
– Jain, Commented Feb 10, 2014 at 9:16

anurupr · Accepted Answer · 2014-02-10 08:38:41Z

4

you can use $.parseJSON function.

<script type="text/javascript">
var unavailabledates = $.parseJSON('<?php echo json_encode($disablethese); ?>');
</script>
<script src="js/datepicker-admin.js"></script>

answered Feb 10, 2014 at 8:38

anurupr

2,3442 gold badges20 silver badges29 bronze badges

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

Comments

Shaunak Shukla · Accepted Answer · 2014-02-10 08:47:37Z

0

You can use .push to insert all values to an array.

 <script type="text/javascript">
    var unavailabledates = new Array();
  <?php 
    $disbaleddates = json_encode($disablethese);
    for($i=0;$i<count($disbaleddates);$i++) { ?>;
      unavailabledates.push('<?=$disbaleddates[$i]?>');
  <?php } ?>
    </script>
 <script src="js/datepicker-admin.js"></script>

This may solve your problem, But it's might have a long way!! :)

answered Feb 10, 2014 at 8:47

Shaunak Shukla

2,3472 gold badges19 silver badges30 bronze badges

Comments

Mathieu · Accepted Answer · 2014-02-10 09:03:01Z

0

You can use directly JSON.parse()

var unavailabledates = JSON.parse(<?php echo json_encode($disablethese); ?>);

edited Feb 10, 2014 at 9:03

Mathieu

3,1305 gold badges33 silver badges34 bronze badges

answered Feb 10, 2014 at 8:45

Realdheeraj

3491 gold badge2 silver badges9 bronze badges

Comments

Jain · Accepted Answer · 2014-02-10 09:38:16Z

0

1) Create a hidden field in php page:
<input id="disable-dates" type="hidden" value="<?php echo json_encode($disablethese); ?>">

2) Use jquery :

<script type="text/javascript">
    var unavailabledates = $.parseJSON($('#disable-dates').val());
</script>

Both simulatneously

edited Feb 10, 2014 at 9:38

answered Feb 10, 2014 at 9:15

Jain

1,24910 silver badges16 bronze badges

Comments

Md Mahmudul Haque Fahim · Accepted Answer · 2014-02-10 10:54:39Z

0

Did you assign your unavailabledates in

var disable = ["2014-01-03","2014-01-13","2014-01-23"];

like

var disable = unavailabledates;

answered Feb 10, 2014 at 10:54

Md Mahmudul Haque Fahim

2834 silver badges17 bronze badges

Comments

Sruit A.Suk · Accepted Answer · 2015-11-15 18:27:37Z

0

I'm using laravel and this works beautifully:

var something = JSON.parse('{!! json_encode(['foo' => 'bar']) !!}');

I was very confused for a little bit cause I couldn't figure out why this DOES NOT work:

var something = JSON.parse('{{ json_encode(['foo' => 'bar']) }}');

the second way escapes HTML entities in the document. but yea, that's only with laravel.

edited Nov 15, 2015 at 18:27

Sruit A.Suk

7,3137 gold badges65 silver badges74 bronze badges

answered Nov 15, 2015 at 17:17

Bradley Kovacs

1191 silver badge7 bronze badges

Comments

Hemanth · Accepted Answer · 2016-10-07 11:50:21Z

0

var obj = <?php echo json_encode($_GET) ?>;

edited Oct 7, 2016 at 11:50

answered Oct 7, 2016 at 8:57

Hemanth

12 bronze badges

1 Comment

Hemanth Over a year ago

Dont use quotes

Collectives™ on Stack Overflow

How to convert php array into javascript array to use with the Jquery UI datepicker?

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related