在CodeIgniter中选择以前的日期直到今天并禁用所有未来的日期
Select previous dates until today and disable all future days in CodeIgniter
如何在CodeIgniter视图中启用从今天开始的前几天的选择并禁用未来日期?现在我的代码显示所有未来的日期,并已禁用所有以前的日期。我的代码如下:
<script>
var elem = document.getElementById("security_question_1");
elem.onchange = function() {
var hiddenDiv = document.getElementById("showMe");
hiddenDiv.style.display = (this.value == "Absconding") ? "none":"none";
hiddenDiv.style.display = (this.value == "Termination") ? "none":"block";
hiddenDiv.style.display = (this.value == "Employee Initiated") ? "none":"block";
};
function parseDate(str) {
var mdy = str.split('/')
return new Date(mdy[2], mdy[0]-1, mdy[1]);
}
function daydiff(first, second) {
return Math.round((second-first)/(1000*60*60*24));
}
$(document).ready(function() {
$("#startdt").datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: "-90:+0",
startDate: new Date(),
autoclose: true
}).on('changeDate', function (selected) {
var minDate = new Date(selected.date.valueOf());
$('#enddt').datepicker('setStartDate', minDate);
});
$("#sincedt").datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: "-90:-10",
startDate: new Date(),
autoclose: true
}).on('changeDate', function (selected) {
var minDate = new Date(selected.date.valueOf());
$('#enddt').datepicker('setStartDate', minDate);
});
$("#enddt").datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: "-90:+0"
});
$("#enddtt").datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: "-90:+0"
});
$("#enddttt").datepicker({
dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: "-90:+0"
});
$("#enddt").change(function(){
if($("#startdt").val()!='' && $("#enddt").val()!='') {
var startdt = $("#startdt").val();
var enddt = $("#enddt").val();
$("#daysleave").val(daydiff(parseDate(startdt), parseDate(enddt)));
if($("#grievance_type").val()!='0') {
var day_diff_today = daydiff(parseDate($("#today_dt").val()), parseDate($("#startdt").val()));
if(((parseInt($("#daysleave").val()) > parseInt($("#grievance_type option:selected").attr("data-min"))) && (parseInt($("#daysleave").val()) < parseInt($("#grievance_type option:selected").attr("data-max"))))&&(day_diff_today > parseInt($("#grievance_type option:selected").attr("data-approvaldays")))) {
} else {
$("#leaveAllowedModal").modal("show");
}
}
}
})
$("#grievance_type").change(function() {
if($("#startdt").val()!='' && $("#enddt").val()!='' && $("#grievance_type").val()!='0') {
var day_diff_today = daydiff(parseDate($("#today_dt").val()), parseDate($("#startdt").val()));
if(((parseInt($("#daysleave").val()) > parseInt($("#grievance_type option:selected").attr("data-min"))) && (parseInt($("#daysleave").val()) < parseInt($("#grievance_type option:selected").attr("data-max"))))&&(day_diff_today > parseInt($("#grievance_type option:selected").attr("data-approvaldays")))) {
} else {
$("#leaveAllowedModal").modal("show");
}
}
})
$(".date-picker").datepicker();
$("#optionsRadios1").click(function() {
$("#myLTAModal").modal("show");
})
$('#leaveAllowedModal').on('shown.bs.modal', function() {
var msg = '';
if((parseInt($("#daysleave").val()) > parseInt($("#grievance_type option:selected").attr("data-min"))) && (parseInt($("#daysleave").val()) < parseInt($("#grievance_type option:selected").attr("data-max")))) {
} else {
msg = msg + "You wish you apply "+$("#daysleave").val()+" day of "+$("#grievance_type option:selected").text()+". Minimum and Maximum no. of Leaves allowed to take at a time are "+$("#grievance_type option:selected").attr("data-min")+" and "+$("#grievance_type option:selected").attr("data-max")+" respectively.";
}
var day_diff_today = daydiff(parseDate($("#today_dt").val()), parseDate($("#startdt").val()));
if((day_diff_today < parseInt($("#grievance_type option:selected").attr("data-approvaldays")))) {
msg = msg + " No. of days of prior approval needed is " + $("#grievance_type option:selected").attr("data-approvaldays") + " days";
}
$(".allowed_text").html(msg);
})
});
</script>
我想在这里显示:
<tr>
<td>
<label>Absconding Since</label>
</td>
<td>
<div class="date" data-date="12-02-2012" data-date-format="mm-dd-yyyy" data-date-viewmode="years">
<input placeholder="Absconding Since" class=" m-wrap col-md-8 form-control " id="startdt" type="text" name="abscondingsince" value="<?php if($row->requested_date!='') echo date("d-m-Y",$row->requested_date); ?>" required/>
</td>
</tr>
您是否尝试过maxDate
而不是minDate
相关文章:
- 正在设置未来的Javascript日期
- 禁用报告的2个未来日期
- 尝试创建未来的日期,而创建了过去的日期
- 允许用户使用Angularjs ui引导程序仅选择今天的日期或未来的日期
- 如何在 x 可编辑中禁用未来日期
- 计算未来日期,不包括节假日和周末
- UI-DAHOW用于显示JQuQuery UI-Date选取器中选择的未来日期
- 使用 JavaScript Date 对象处理未来和过去的日期和时间
- 生成未来 90 天的日期列表
- Javascript为未来日期添加时间
- 如何在选择未来日期时禁用html日期输入类型
- JavaScript中的未来日期代码问题
- Jquery日期选择器,我如何设置未来的日期
- 使用Javascript获取基于未来日期的上一个日期
- 在下拉列表中使用javascript显示未来日期.(每次动态)
- 带数据表的日期范围选择器-can't搜索未来日期
- 如何将当前日期与未来日期进行比较并用javascript进行验证
- 如何从datetimepicker js中禁用未来的日期和时间
- 我们如何通过Java脚本获得日期天数(当前日期和未来日期)的差异
- 确定未来日期的夏令时