time picker disable using string returned from PHP

Question

I am using This timepicker to make the user select booking time. In order to disable the time which are already booked, i am getting a string form php which looks something like this

['10:00 AM ' , '10:10 AM'],['11:00 AM ' , '11:10 AM'],['12:20 PM ' , '12:30 PM'],['10:20 AM ' ,'10:30 AM']

But when i use this array in disable Time range, it does not work.

I'm using ajax go get values from php and disabling it on return.

Many Thanks, Hassam

$(document).ready(function(){
    $('.timepicker').click(function(){
        var ajaxurl = 'Ajax.php',
        data =  {'action': 'Hassam'};
        $.post(ajaxurl, data, function (response) {
            $('input[name="datetime"]').timepicker({
              disableTimeRanges: [ response ],
            });
     //      disableTime = response;
           alert(response);

    });

});
});

var disTime; 
disTime= "['10:00am', '10:20am'],['4:20pm', '4:40pm']";
$( document ).ready(function() {
    $('input[name="datetime"]').timepicker({
    minTime: '10:00am',
    maxTime: '04:40pm',
    step: 20, // 20 minutes
    disableTimeRanges: [disTime ],
    // showDuration: true
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.js"></script>


<input id="timepicker"
       type="text" 
       class = "timepicker"
       name="datetime"
       placeholder = "Time*"
       required/>

It's not working because you are passing a string instead of an array of range values. — JJJ
– JJJ, Commented Nov 5, 2017 at 10:00
Thank you @josan, do you know how can i convert this string into array? Apologies if it's a basic question but I'm fairly new to PHP and javascript — Hassam Munir
– Hassam Munir, Commented Nov 5, 2017 at 12:14
Try using JSON.parse() developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — JJJ
– JJJ, Commented Nov 5, 2017 at 20:59

JJJ · Accepted Answer · 2017-11-06 01:24:51Z

1

According to the timepicker's docs, disableTimeRanges requires an array of ranges to be passed to it. Instead, you are passing it a string.

Parse your response from the server and it should work.

disableTimeRanges: [JSON.parse(response)]

answered Nov 6, 2017 at 1:24

JJJ

3,3525 gold badges31 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

time picker disable using string returned from PHP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related