如何在angular 6中使用eonasdan-bootstrap-datetimepicker
库?我想设置默认选项。
这是指向该库的链接:https://github.com/Eonasdan/bootstrap-datetimepicker
代码如下:
import * as $ from 'jquery';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
constructor() {
$.fn.datetimepicker.defaults.keepInvalid = true;
$.fn.datetimepicker.defaults.useStrict = true;
$.fn.datetimepicker.defaults.useCurrent = false;
$.fn.datetimepicker.defaults.format = "MM/DD/YYYY";
$.fn.datetimepicker.defaults.keyBinds["delete"] = null;
$.fn.datetimepicker.defaults.icons = {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-angle-up',
down: 'fa fa-angle-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'glyphicon glyphicon-screenshot',
clear: 'fa fa-trash-o',
close: 'fa fa-window-close'
}
}
}
我得到以下错误
Property 'datetimepicker' does not exist on type 'JQuery<HTMLElement>'
发布于 2020-02-26 20:49:08
我来晚了,但答案是将@types/jquery.ui.datetimepicker包添加到您的项目中。因为我使用了纱线,所以我做到了
发布于 2018-11-26 10:53:22
最近在Angular 6 Typescript项目中使用eonasdan-bootstrap-datetimepicker也遇到了同样的问题,希望我的回答对你来说还不算太晚。
好的,首先我假设你已经安装了js & css脚本。这些是需要克服的步骤。
类型“JQuery<HTMLElement>
”上不存在
属性“datetimepicker”
这是因为@types/jquery没有包含这个datetimepicker()
函数,你能做的就是在typings.d.ts的JQuery接口中添加datetimepicker函数
interface JQuery {
datetimepicker(...any): any; }
样式:“您的其他css路径位置”,“您的EONASDAN-BOOTSTRAP-DATETIMEPICKER文件夹LOCATION/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css”脚本:“您的其他js路径位置”,“您的EONASDAN-BOOTSTRAP-DATETIMEPICKER文件夹LOCATION/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js”
https://stackoverflow.com/questions/51119967
复制相似问题