Question

我的表单中有一个datepicker输入字段，应该是必需的。我将输入字段设为如下所示：

<div class="col-md-8 animate-box">
    <div class="bootstrap-iso">
        <div class="form-group"> <!-- Date input -->
            <input class="form-control" id="date" name="date" 
                   placeholder="Afhalen. Donderdag 17-19u. Zaterdag 09-16u. Minstens 1 week op voorhand reserveren." 
                   type="text" readonly='true' required data-readonly/>
        </div>
    </div>
</div>

不幸的是，它不是必需的！？

这是我构建datepicker的代码，但我认为这不是问题所在：

<script>
    $(document).ready(function(){
        var date_input=$('input[name="date"]'); //our date input has the name "date"
        var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
        date_input.datepicker({
            format: 'dd/mm/yyyy',
            container: container,
            autoclose: true,
            startDate: '+1w',
            daysOfWeekHighlighted: "4,6",
            daysOfWeekDisabled: "0,1,2,3,5",
            orientation: "auto",
        })
    })
</script>

我用：

<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.easing.min.js"></script>

Answer 1

您无法进行只读和必需的输入。在点击字段时弹出日期选择器弹出窗口，没有人会在那里输入。

如果他们这样做，您可以使用键盘功能来删除输入。

Answer 2

$("#your element id").prop('required',true);

OR

$("#your element id").attr("required", true);

不需要datepicker输入字段

2 个答案: