你如何禁用bootstrap表单字段?

时间:2015-12-31 01:06:24

标签: javascript jquery twitter-bootstrap

我的意思是。

我在这里实现了一个bootstrap datetimepicker。 https://eonasdan.github.io/bootstrap-datetimepicker/

我的问题是。

如果您有一个输入框,如何禁用它并且只让datetimepicker的输入有效?因为用户可能输入了无效的日期格式。

以下代码来自https://eonasdan.github.io/bootstrap-datetimepicker/#minimum-setup

代码:

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
</div>

2 个答案:

答案 0 :(得分:3)

您应该能够在文本输入上使用 readonly 属性,jQuery仍然可以编辑其内容。

<input type='text' id='foo' readonly>

答案 1 :(得分:1)

您需要在字段中添加disabled属性,如下所示:

<input type='text' class="form-control" disabled="true">

从技术上讲,这些其他选项也可以正常使用:

禁用&#39;

的价值
<input type='text' class="form-control" disabled="disabled">

根本没有值,只是属性的名称

<input type='text' class="form-control" disabled>