寻找html输入属性或引导程序类，在那里我可以修复数据类型冲突问题

Question

我正在构建一个CodeIgniter网络应用程序。现在的问题是应用文本限制。我不能使用maxlength=""属性，因为在我的数据库表中，我确实为这个<input>元素定义了字段，类型是日期。我的意思是，正如你所看到的，它是一个数字数据类型，但在我的数据库表中，我声明这个<input>是日期。现在我正在寻找html属性或任何可以修复此问题的引导程序类。我希望我能把场景解释清楚。

代码如下：

<div class="col-md-5">
<div class="input-group date 24hourtime">
<input type="text" class="form-control mytime" value="<?php echo 
empty($work_hr_start)?"":$work_hr_start;?>" id="txtfromtime" 
name="txtfromtime" required />                                                                                       
<span class="input-group-addon">                                                                                             
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>

Answer 1

以下是一种只需几步即可实现的方法

1.设置输入字段类型date
2。设置max日期
3。验证日期已过，请采取措施

//validate date in onchange state
document.getElementById("date").onchange = function ()
{
var dateField = document.getElementById("date");
if(dateField.value > dateField.getAttribute("max")){ //check date in range
dateField.value = dateField.getAttribute("max"); //action
}
}

<!--HTML-->
<p>With date field and set <b>max</b> date(2020-01-01).<p> 
<form>
<input id="date" type="date" name="date" value="" max="2020-01-01">
<input type="submit">
</form>

Answer 2

对不起，我可以使用<input>元素的maxlength属性，但值为零。所以现在用户无法输入其他日期或时间。