Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >类型“JQuery<HTMLElement>”上不存在属性“”datetimepicker“”

类型“JQuery<HTMLElement>”上不存在属性“”datetimepicker“”
EN

Stack Overflow用户
提问于 2018-07-01 02:32:29
回答 2查看 6.9K关注 0票数 3

如何在angular 6中使用eonasdan-bootstrap-datetimepicker库?我想设置默认选项。

这是指向该库的链接:https://github.com/Eonasdan/bootstrap-datetimepicker

代码如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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'
    }
  }

}

我得到以下错误

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Property 'datetimepicker' does not exist on type 'JQuery<HTMLElement>'
EN

回答 2

Stack Overflow用户

发布于 2020-02-26 20:49:08

我来晚了,但答案是将@types/jquery.ui.datetimepicker包添加到您的项目中。因为我使用了纱线,所以我做到了

票数 2
EN

Stack Overflow用户

发布于 2018-11-26 10:53:22

最近在Angular 6 Typescript项目中使用eonasdan-bootstrap-datetimepicker也遇到了同样的问题,希望我的回答对你来说还不算太晚。

好的,首先我假设你已经安装了js & css脚本。这些是需要克服的步骤。

  1. 首先,

类型“JQuery<HTMLElement>”上不存在

属性“datetimepicker”

这是因为@types/jquery没有包含这个datetimepicker()函数,你能做的就是在typings.d.ts的JQuery接口中添加datetimepicker函数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
interface JQuery {
datetimepicker(...any): any; }

  1. 接下来,您需要将js和css文件包含到项目中。对于我的例子,我通过将这两个文件的文件路径添加到angular.json中来包含它们。例如:

样式:“您的其他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”

  • 最后,重新加载您的项目以使其生效。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51119967

复制
相关文章
jQuery源码研究:jQuery原型对象上的属性方法(上)
今天看下简化框架的第二部分:line: (146 - 225) 为jQ对象添加一些方法和属性。
前端_AWhile
2019/08/29
1.1K0
jQuery原理(原型上的属性、方法)
jQuery存在两个each方法,一个类方法,一个对象方法。当实现类方法时,只需要让对象方法调用类方法即可实现。
Dreamy.TZK
2020/06/23
9710
react native props上存在的属性,显示不存在
问题:类型“Readonly<{}> & Readonly<{ children?: ReactNode; }>”上不存在属性“navigation”。ts(2339) 解决方法: export d
windseek
2019/07/08
2.6K0
jQuery源码研究:jQuery原型对象上的属性方法(下)
each()方法:为每个匹配的元素集合执行回调函数,是一个jQuery版的遍历方法。
前端_AWhile
2019/08/29
8790
HTMLElement对象
任何HTML元素都继承于HTMLElement对象,一些元素直接实现这个接口,而另一些元素通过多层继承来实现它。
WindRunnerMax
2021/02/22
1.2K0
jQuery之datetimepicker控件(时间单位精确到分钟)
一、效果图 image.png image.png image.png image.png 二、代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
week
2018/08/24
2.5K0
jQuery之datetimepicker控件(时间单位精确到分钟)
jQuery 属性操作
​ jQuery 常用属性操作有三种:prop() / attr() / data() ;
梨涡浅笑
2022/05/08
1.8K0
jQuery 属性操作
jQuery 常用属性操作有三种:prop() / attr() / data() ;
清出于兰
2020/10/26
1.2K0
jQuery 属性操作
jQuery 常用属性操作有三种:prop() / attr() / data() ;
星辰_大海
2020/10/09
1.5K0
jQuery 属性操作
三、jQuery属性操作
2、如何操作属性 对象.属性名称 = 值 对象.属性名称 对象[‘属性名称’] = 值 对象[‘属性名称’] Javascript
Dreamy.TZK
2020/06/16
3.8K0
三、jQuery属性操作
jQuery基础--jQuery特殊属性操作
区别:html方法会识别html标签,text方法会那内容直接当成字符串,并不会识别html标签。
eadela
2019/09/29
2.1K0
jquery根据属性选择
有信仰的人不会孤独。——阿列克谢耶维奇 分享一个jquery选择器的小技巧 我们可以通过自定义属性键值选中一个元素 例如如下元素: <div ruben="vampire">阿超</div> 然后我们通过ruben=vampire选中这个div 就可以如下写法: let vampire = $('div[ruben="vampire"]') 我们可以简单测试一下输出里面的内容 <div ruben="vampire">阿超</div> <script type="text/javascript">
阿超
2022/08/17
1.9K0
jquery根据属性选择
jquery data属性的使用
var func=function(){console.log("test")}; $("div").data("test",func); $("div").data("test")(); 输出结果是test 注意:data方法是jquery中的方法不是原生js里面的方法 js原生的dataset方法 var func=function(){console.log("test")}; var a = document.createElement("div"); a.dataset.test=func; a.
windseek
2018/05/15
1.2K0
jQuery——工具及属性(案例)
首先来看一下今天的第一个工具,each()。这个我们上节课好像用过。什么时候用的?大家还记得吗?在遍历多选框的时候我们用的就是each()。each顾名思义 大家都明白是用来遍历的,今天我们就主要用each()来遍历一下数组 和 对象。怎么遍历数组和对象呢?咱们来看一下。
用户10196776
2022/11/18
6560
前端基础-JQuery操作属性
第5章 JQuery操作属性 5.1 attr操作 设置单个属性 // 第一个参数:需要设置的属性名 // 第二个参数:对应的属性值 // $obj.attr(name, value); // 用法举例 $('img').attr('title','哎哟,不错哦'); $('img').attr('alt','哎哟,不错哦'); 设置多个属性 // 参数是一个对象,包含了需要设置的属性名和属性值 // $obj.attr(obj) // 用法举例 $('img').attr({ title:'哎哟,
cwl_java
2020/03/26
6770
jQuery 文本属性值
jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。
星辰_大海
2020/10/09
2.5K0
jQuery 文本属性值
Jquery attr()方法 属性赋值和属性获取
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。
软件小生活
2021/08/16
10.5K0
Jquery attr()方法 属性赋值和属性获取
jQuery - 设置内容和属性
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:
陈不成i
2021/07/22
2K0
jQuery 文本属性值
​ jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。
梨涡浅笑
2022/05/08
3K0
jquery 属性&CSS操作 笔记
这是一个读写双用的方法,用来处理input的value,当方法没有参数的时候返回input的value值,当传递了一个参数的时候,方法修改input的value值为参数值
bamboo
2019/01/29
1.3K0
jquery 属性&CSS操作 笔记

相似问题

“JQuery<HTMLElement>”类型上不存在属性“排序”

12

错误:'JQuery<HTMLElement>‘类型上不存在属性'draggable’

28

类型“JQuery<HTMLElement>”上不存在属性“”select2“”

20

SumoSelect JQuery的类型“HTMLElement”上不存在属性“”sumo“”

18

类型“HTMLElement”上不存在属性“”length“”

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文