javascript - 在 yii2 框架中使用 ummalqura 模式 javascript 显示回历日历
问题描述
我正在尝试将 Hijri 日历添加到我的 yii2 Web 应用程序中,我在 Github HIJRI CALENDAR 上获得了这个资源,我按照它所说的去做https://github.com/balbarak/bootstrap-hijri-datepicker
但是当我的应用程序启动时,日历并没有显示!这是我在 AppAsset.php 文件中的代码:
应用资产.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',
应用程序.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>
谁能帮我?
解决方案
推荐阅读
- c# - 将 linq 查询生成的表下载到 PDF 文件
- aws-lambda - Alexa 自定义技能 - 与其他技能交互
- reactjs - 来自 redux 动作创建者的 React Router Dom 重定向
- apache-spark - 使用聚合函数对列中的数组求和
- reactjs - 如何在反应中显示单击另一个 div 的图像
- sockets - 在单个调用中读取客户端/服务器 TCP 应用程序中的字节 []
- javascript - 收到错误 [$injector:unpr] Unknown provider: $uibModalInstanceProvider
- java - 杰克逊返回多个(重复)字段
- python - 正则表达式用 = 替换 sql 表的各个破折号
- abp - 如何在 _ViewStart ABP 框架 abp.io 中更改 _Layout