我在我的应用程序中使用2amigos datepicker,它在整个过程中都运行良好。今天我尝试将AdminLTE主题应用于应用程序。我在资产文件中添加了所有css,js并将它们上传到相应的文件夹中。到目前为止,浏览器控制台中没有错误。 我注意到的第一件事是,datepicker不起作用。当我点击日期选择器上的日历图标时,日期选择器不会打开。
资产档案
<?php
namespace frontend\assets;
use yii\web\AssetBundle;
/**
* Main frontend application asset bundle.
*/
class DashboardAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.css',
'css/bootstrap.min.css',
'css/font-awesome.min.css',
'https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css',
'css/AdminLTE.min.css',
'css/skins/_all-skins.min.css',
'plugins/iCheck/flat/blue.css',
'plugins/morris/morris.css',
'plugins/jvectormap/jquery-jvectormap-1.2.2.css',
'plugins/datepicker/datepicker3.css',
'plugins/daterangepicker/daterangepicker.css',
'plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css',
];
public $js = [
'js/bootstrap/bootstrap.min.js',
'https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js',
'plugins/morris/morris.min.js',
'plugins/sparkline/jquery.sparkline.min.js',
'plugins/jvectormap/jquery-jvectormap-1.2.2.min.js',
'plugins/jvectormap/jquery-jvectormap-world-mill-en.js',
'plugins/knob/jquery.knob.js',
'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js',
'plugins/daterangepicker/daterangepicker.js',
'plugins/datepicker/bootstrap-datepicker.js',
'plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js',
'plugins/slimScroll/jquery.slimscroll.min.js',
'plugins/fastclick/fastclick.js',
'js/app.min.js',
'js/dashboard.js',
'js/demo.js',
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
];
}
我正在使用如下的日期选择器 -
use dosamigos\datepicker\DatePicker;
<?= $form->field($model1, 'startdate')->widget(
DatePicker::className(), [
'options' => ['placeholder' => 'Start Date ...', 'id' => 'startdate1'],
'inline' => false,
style="background-color: #fff; width:250px">{input}</div>',
'clientOptions' => [
'autoclose' => true,
'todayHighlight' => true,
'format' => 'yyyy-mm-dd'
]
]);?>