我需要禁用或将 Yii2 框架下的 yii2-date-picker-widget 图标设置为只读。
日期选择器小部件由两个部分组成:一个用于图标的
这是 jQuery 代码:
这是Yii2代码:
这是生成的 HTML 代码:
日期选择器小部件由两个部分组成:一个用于图标的
<span>
和一个用于日期的 <input>
。我可以使用 jQuery 禁用 <input>
,但是无法禁用 <span>
。这是 jQuery 代码:
$("#movements-vencimiento").prop("disabled", true); // Works.
$("#vencimientoDiv").prop("disabled", true) // Not works.
这是Yii2代码:
<div class="col col-md-4" id="vencimientoDiv">
<?= $form->field($model, 'vencimiento')->widget(\common\widgets\DatePicker::className(), [
'convertFormat' => true,
'pluginOptions' => [
'format' => 'dd/mm/yyyy',
'autoclose' => true,
'language' => 'es-AR',
'todayHighlight' => 'true',
]
]) ?>
</div>
这是生成的 HTML 代码:
<div id="vencimientoDiv">
<div class="form-group field-movements-vencimiento">
<label class="control-label" for="movements-vencimiento">Vencimiento</label>
<div class="input-group date">
<span class="input-group-addon">
<i class="fa fa-calendar"></i>
</span>
<input type="text" id="movements-vencimiento" class="form-control" name="Movements[vencimiento]" disabled="">
</div>
<div class="help-block"></div>
</div>
</div>