IE11 Javascript更改事件不与html表单元素工作
IE11 Javascript on-change event not working with html form element
我正在申请记录休假日期。使用此应用程序,我必须选择休假的开始日期和结束日期,然后计算这两天之间的所有业务日期。到目前为止,我的代码工作Chrome和Firefox完美。我使用jQuery UI日期选择器选择两个日期,并使用第二个日期选择器更改事件计数日期,并显示在html输入框内。
在IE中,此功能被打破,并且在我使用日期时间选择器更改事件不触发设置两个日期后
这是我的代码示例:
<script type="text/javascript">
$( function() {
$( "#startd" ).datepicker({beforeShowDay: $.datepicker.noWeekends , dateFormat: 'yy-mm-dd'});
} );
$( function() {
$( "#endd" ).datepicker({beforeShowDay: $.datepicker.noWeekends , dateFormat: 'yy-mm-dd' });
} );
function getBusinessDatesCount(startDate, endDate) {
var count = 0;
var curDate = startDate;
while (curDate <= endDate) {
var dayOfWeek = curDate.getDay();
if(!((dayOfWeek == 6) || (dayOfWeek == 0)))
count++;
curDate.setDate(curDate.getDate() + 1);
}
return count;
}
</script>
<form action='reqprocess.php' method='post'>
<table class='table table-hover table-responsive table-bordered'>
<tr>
<td id="td2">Start</td>
<td><input type="text" name="datepicker" class='form-control' id="startd" required onchange="calnumofdays()" /></td>
</tr>
<tr>
<td id="td1">End</td>
<td><input type="text" name="datepicker2" class='form-control' id="endd" onchange="calnumofdays()" /></td>
</tr>
<tr>
<td>Days</td>
<td><input type="number" name='leavehmd' class='form-control' id="lhmd"/></td>
</tr>
</table>
</form>
<script type="text/javascript">
function calnumofdays() {
var startDate = $(startd).datepicker("getDate");
var endDate = $(endd).datepicker("getDate");
var numOfDates = getBusinessDatesCount(startDate, endDate);
$('#lhmd').val(numOfDates);
//alert(numOfDates);
$('div#result').text(numOfDates);
}
</script>
我该如何解决这个问题?这段代码在chrome和firfox中工作得很好。当我在html中删除表单标签时,它也开始在IE中工作。
在日历上编辑这些部分,它将工作…
function calnumofdays() {
var startDate = $("#startd").datepicker("getDate"); //edit these
var endDate = $("#endd").datepicker("getDate"); //edit these
var numOfDates = getBusinessDatesCount(startDate, endDate);
$('#lhmd').val(numOfDates);
//alert(numOfDates);
$('div#result').text(numOfDates);
}
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- HTML表单提交时未执行外部函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 多级HTML表单
- 使用html表单中的参数调用JavaScript函数
- javascript弹出窗口没有正确加载html表单
- Javascript/RegEx未验证HTML表单
- JavaScript”;复制“;HTML表单
- 使用Web Html表单创建Javascript数组
- 用PHP发送html表单和文件附件
- 单击鼠标,用MySQL数据填充html表单输入字段
- 从HTML表单发布blob的表单输入类型是什么
- 我的html表单无法验证.请参阅代码片段中的html代码和java脚本
- JavaScript-HTML表单到JSON(空值)和格式
- HTML表单将数据POST到MySQL
- 获取html表单信息并使用ajax将其推送到PHP
- 使用PHP通过HTML表单选项选择器过滤MYSQL结果
- javascript,HTML表单:单击按钮插入NULL
- 如何在HTML表单中提交我的下拉选择
- 将HTML表单发布到iframe会导致浏览器历史记录出现问题