Yii2：如何使用jQuery创建一个禁用/只读

datepicker小部件有两部分：< span>对于图标和< input>为了约会.我可以禁用< input>使用jQuery但我不能< 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(commonwidgetsDatePicker::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>