Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Yi2 framewrok中使用ummalqura模式javascript显示hijri日历_Javascript_Twitter Bootstrap_Yii_Datepicker_Yii2 - Fatal编程技术网

在Yi2 framewrok中使用ummalqura模式javascript显示hijri日历

在Yi2 framewrok中使用ummalqura模式javascript显示hijri日历,javascript,twitter-bootstrap,yii,datepicker,yii2,Javascript,Twitter Bootstrap,Yii,Datepicker,Yii2,我正在尝试将Hijri日历添加到我的Yii2Web应用程序中,我在Github Hijri日历上获得了此资源,我按照它所说的做了 但当我的应用程序启动时,会显示日历! 这是我在AppAsset.php文件中的代码: AppAsset.php: public $css = [ 'https://fontlibrary.org/face/droid-arabic-kufi', 'https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/b

我正在尝试将Hijri日历添加到我的Yii2Web应用程序中,我在Github Hijri日历上获得了此资源,我按照它所说的做了

但当我的应用程序启动时,会显示日历! 这是我在AppAsset.php文件中的代码:

AppAsset.php:

public $css = [
    'https://fontlibrary.org/face/droid-arabic-kufi',
    'https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css',
    'https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css',
    'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/css/bootstrap-material-datetimepicker.min.css',
    'https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.css',
    'css/main.css',
    'css/timeline.css',
    'css/site.css',
    'css/authentication.css',
    'css/color_skins.css',
    'css/rtl.css',
    'css/plugins/bootstrap-select.css',

 public $js = [
    'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js',
    'https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js',
    'bundles/momentjs/moment.js',
    'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/js/bootstrap-material-datetimepicker.min.js',
    'https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.js',
    'js/app.js',
    'bundles/mainscripts.bundle.js',
    'bundles/vendorscripts.bundle.js',
    'bundles/dropzone.js',
    'https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.0.4/jscolor.js',
    'https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.0.4/jscolor.min.js',
    //'https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js',
    'https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.js',
    'https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.min.js',
    'https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.plus.js',
    'https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.plus.min.js',
    'https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.plugin.min.js',
    'https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.picker.js',
    'https://cdn.rawgit.com/kbwood/calendars/2.1.0/dist/js/jquery.calendars.islamic.min.js',
    'http://keith-wood.name/js/jquery.calendars.ummalqura-ar.js',
    'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js',
    'https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js',
    'https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js',
App.js:

  //datepicker hijri
$("#hijri-date-input").hijriDatePicker(
    {
        hijri : true,
        format: "DD-MM-YYYY",
        hijriFormat: 'iYYYY-iMM-iDD',
    });
表单视图:

<div class="input-group">
<?=  $form->field($model, 'birthdate')->textInput(['class' => 'form-control', 'id' => 'hijri-date-input'])->label(Yii::t('app', 'birthdate')) ?>
</div>


有人能帮我吗?

您的脚本源在哪里?在yii2中,我们将所有源代码都放在AppAsset.php文件中,您不工作是什么意思?控制台上是否有任何错误?所有脚本是否正确加载?调用
$(“#hijri日期输入”)。hijriDatePicker()
应处于就绪状态。如何以及在何处调用datepicker并忽略协议当包含来自cdn链接的源时,协议将自动分配,只需使用url,如
//cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js