Oct 5, 2020
0
Level 9
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>
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
Please or to participate in this conversation.
