Yii, CJuiDatePicker how to block certain days of the Month

Question

So I have this widget on my Yii _form.php page.

Is it possible to do things like blocking a certain day of the month? Or maybe blocking all the Mondays of the Month, disallowing users to select any Monday.

UPDATES based on hamed's answer

<script type="text/javascript">

function disableSpecificDays(date) {
//date is an instance of Date
    var weekDay = date.getDay(); //  Get the weekday as a number (0-6)
    if(weekDay == 1){ //weekDay == 1 means Monday 
        return false;
    }
    else {
        return true;
    }
}

</script>

And on the view side,

<?php $form->widget('zii.widgets.jui.CJuiDatePicker', array(
        'model' => $model,          
        'attribute' => 'date',          
        'value' => $model->date,
        'options' => array(
            'showAnim'=>'fadeIn',
            'showButtonPanel' => true,
            'minDate'=>'0',
            'changeYear' => true,
            'dateFormat' => 'yy-mm-dd',
            'beforeShowDay' => 'disableSpecificDays',
        ),              
    ));
?>

But for some reason, it blocks EVERYTHING on the date picker. Nothing can be chosen at all. At which point did I do wrong? Please advise.

You are combining manual datepicker with yii widget! this is incorrect. Try to remove `$('#Booking_date').datepicker` and add `beforeShowDay: disableSpecificDays` inside yii widget options(as I said in my answer). — hamed, Apr 13 '15 at 08:29
But, if I were to do like how you did, I'll get syntax error. `unexpected ':', expecting ')' ` — NewbieCoder, Apr 14 '15 at 00:28

score 1 · Accepted Answer · edited Apr 13 '15 at 06:54

jqueryUi datepicker has beforeShowDay event. You can use this event in this way:

$this->widget('zii.widgets.jui.CJuiDatePicker',array(
    ...
   'options'=>array(
       'showAnim'=>'slide',//'slide','fold','slideDown','fadeIn','blind','bounce','clip','drop'
       'showOtherMonths'=>true,// Show Other month in jquery
       'selectOtherMonths'=>true,// Select Other month in jquery,
       'beforeShowDay' => 'disableSpecificDays', //changed ':' to '=>' AND added quote in between function name.
    ),
  'htmlOptions'=>array(
      'style'=>''
  ),
));
?>

Now, you need to define disableSpecificDays function inside <script> tag:

function disableSpecificDays(date) {
    //date is an instance of Date
    var weekDay = date.getDay(); //  Get the weekday as a number (0-6)
    var monthDay = date.getDate()   //Get the day as a number (1-31)
    if(monthDay == 12 || monthDay == 13 || weekDay == 1) //weekDay == 1 means Monday 
       return false;
    else return true;
}

This will disable 12th an 13th days in each month and also disable Mondays.

Here are the two useful link:

So I have added the appropriate things into places. But I'm getting this error, `Uncaught TypeError: undefined is not a function`. Can I know which part have I done wrong? — NewbieCoder, Apr 13 '15 at 06:43

score 0 · Answer 2 · answered Apr 21 '16 at 21:31

I know this is an old entry but i found that for Yii 1, putting the return value inside brackets [] does the job. So the JS function should be:

<script type="text/javascript">
    //DON'T SHOW SUNDAYS
    function disableSpecificDays(date) {
    //date is an instance of Date
        var weekDay = date.getDay(); //  Get the weekday as a number (0-6)
        var monthDay = date.getDate();
        if(weekDay == 0){
            return [false];
        }
        else {
            return [true];
        }
    }
</script>

score 0 · Answer 3 · answered Mar 23 '20 at 18:54

This is bit legacy issue, but this is the code I made pass:

...
'options'=>array(
    'beforeShowDay'=> 'js:function(date){ 
        var weekDay = date.getDay(); 
        var monthDay = date.getDate()  
        if(monthDay == 27 || weekDay == 1) { //Disable all Mondays & 27th of the each month
            return [false];
        } else { 
            return [true];
        }',
...

Yii, CJuiDatePicker how to block certain days of the Month

3 Answers3