Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

noblemfd's avatar

How to get JQuery-UI end date based on condition in Laravel

In my Laravel-5.8 project, I am implemeting JQuery-UI datepicker

Controller:

 public function findEmployeeLeaveCount(Request $request)
 {
     $weekendinclusive               = HrLeaveTypeDetail::where('leave_type_id', $leavetypeid)->where('employee_type_id', $employeeemptypeid)->pluck('weekend_inclusive')->first();
    return response()->json([
        'weekendinclusive' => $weekendinclusive,
    ]);        
 }  

I passed weekendinclusive from controller to view using JSON

        <script type="text/javascript">
        $(document).ready(function() {
            $(document).on('change', '#leave_type', function() {
                var air_id =  $(this).val();
                var a = $(this).parent();
                var op = "";
                
                $.ajax({
                    type: 'get',
                    url: '{{ route('get.employeeleavecounts.all') }}',
                    data: { 'id': air_id },
                    dataType: 'json',      //return data will be json
                    success: function(data) {
                        $('#weekendinclusive').val(data.weekendinclusive);
                    },
                    error:function(){

                    }
                });
            });
        });
        </script>

    <script type="text/javascript">
         $(document).ready(function () {
                $("#leave_days").on('keyup blur', function (e) {
                var periodval=parseInt($("#leave_days").val());
                var startDate = $('.commencement_date');
                var endDate = $('.resumption_date');

                var dte = startDate.datepicker("getDate"); 
                        dte.setDate(dte.getDate()+periodval); 
                        endDate.datepicker("setDate", dte);               

              });
                $( '.commencement_date' ).datepicker({
                    dateFormat: 'dd-mm-yy',
                    changeMonth: true,
                    changeYear: true,      
                    showAnim: 'slideDown',
                    duration: 'fast',   
                    minDate: +1,
                    setDate: new Date(),
                    yearRange: new Date().getFullYear() + ':' + new Date().getFullYear(),
            }).datepicker('setDate', '1');
                $( '.resumption_date' ).datepicker({
                    dateFormat: 'dd-mm-yy',
                    changeMonth: true,
                    changeYear: true,      
                    showAnim: 'slideDown',
                    duration: 'fast',   
                    minDate: +1,
                    yearRange: new Date().getFullYear() + ':' + new Date().getFullYear(),
                    enableOnReadonly: true,
                    beforeShow: function(i) { if ($(i).attr('readonly')) { return false; } }
                });
        });
    </script>

leave days

From the diagram above, I got resumption date from commencement days and leave days using #leave_days. This is working well.

How do I add If statement to my JQuery in #leave_days, that if #weekendinclusive = 1 it follows the normal pattern I have used by including weekend, but if #weekendinclusive = 0, it should exclude weekend from what I have done in #leave_days

0 likes
0 replies

Please or to participate in this conversation.