如何在yii2中使用datepicker？

Question

我已经使用了Yii 2中的普通输入字段来获取日期。我还没有使用模型作为输入域。如何在输入字段中使用datepicker？

我输入字段的代码是：

<div class="col-lg-4">
    <label>From</label> &nbsp;<input type="text" id="datepicker" class="form-   control" name="frominput" />
</div>

现在我的JS代码是：

<?php
    $this->registerJs("
        $( '#datepicker' ).datepicker();
    ");
?>

这没有显示datepicker。我该怎么做呢？

Answer 1

您可以使用yii 2表单和模型

字段($model，'from_date')->widget(\yii\jui\DatePicker::classname()，//'language‘=> 'ru'，//'dateFormat’=> 'yyyy-MM-dd'，) ?>

Answer 2

首先，您需要注册jquery文件和jquery.ui文件

$this->registerJsFile(
  '@web/js/jquery.ui.min.js',
  ['depends' => [\yii\web\JqueryAsset::className()]]
);

Answer 3

在表单中注册脚本，如下所示

使用yii\

\View；

 <?php
    $script = <<< JS
    $('#datepicker').datepicker();
    JS;
    $this->registerJs($script, View::POS_END);
 ?>