问题标签 [mdbootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1004 浏览

php - 我正在尝试使用 mdbootstrap 中的 datepicker,但日期在数据库中显示为 0000-00-00

我正在使用表单使用 php 向 mysql 提交日期、主题、内容文本和图像。我看到所有数据都正确插入到数据库中,除了显示0000-00-00在表格行中的日期。

我无法弄清楚如何更改要发送到数据库的日期格式。

除日期外,所有值都根据需要更新。

0 投票
1 回答
387 浏览

vue.js - VueJS MDB-datatable 不呈现来自 API 调用的数据

我正在使用 vueJs MDB-datatable 来显示来自我的 API 的数据。我按照 MDB-datable 文档处理“OtherJSON 结构”,但它没有重新渲染 API 请求中的数据。

我尝试了不同的回调 beforeCreate、created、beforeMount 和mounted,数据已更改,但仍然没有呈现最新数据。

这是代码:

MDB 数据表文档似乎很简单,但我不知道我缺少哪一部分。

我是 VueJS 的新手。任何帮助深表感谢。

0 投票
0 回答
27 浏览

javascript - 允许在不关闭模式的情况下从外部单击?

我正在尝试使用模式制作一个类似 Facebook 的聊天框。效果很好!但是,如果我尝试单击页面上的任何其他位置而不先关闭它,则不会发生任何事情。

在你问之前,我已经试过了data-backdrop="true"/"false"/"static"。我认为“假”效果最好,因为打开时没有背景。但是,它仍然会禁用任何背景点击。我知道必须有某种方法来覆盖 Modal 类中的代码来改变这一点。

0 投票
1 回答
624 浏览

node.js - Angular:TypeError:无法读取未定义的属性“地图”

我正在使用MEANStack 构建评分应用程序。我正在尝试通过服务代码将数据库中的项目列表获取到我的 Angular 组件中,但我一直在获取core.js:14597 ERROR TypeError: Cannot read property 'map' of undefined.

该代码应该列出项目并分别从或映射到已选中或未选中的boolean字段。但根本没有列出任何内容。我得到的错误是并且我在另一个组件中使用了相同的代码集来列出项目而没有收到错误。请在这里帮助我,我将不胜感激。谢谢。truefalse"Cannot read property 'map' of undefined."

0 投票
0 回答
43 浏览

vue.js - 如何将 mdbootstrap 应用于我的 vue 项目?

我是 Vue.js 的新手,刚刚开始自学。我想尝试的第一件事是在我的项目中使用 MDBootstrap 的登录模板。

https://mdbootstrap.com/docs/jquery/forms/basic/

我通过单击上面链接中的“复制代码”来复制代码,并下载了 mdbootstrap.zip,将其解压缩并将其放入我的项目中。

复制的代码以名称“Login.vue”保存,并被“App.vue”文件正确导出和引用。

但是我想要的登录页面永远不会出现。我想我省略了一些应该包含以激活 mdbootstrap 功能的“导入”或“”?

0 投票
2 回答
1090 浏览

html - MDB Bootstrap 轮播指示器改变位置

我目前正在一个使用 MDB 引导程序的所有组件的站点上工作。我一直在研究一个轮播,其中包含根据被点击的指示器左右移动的卡片。

轮播部分的代码如下:

下面是旋转木马在处理时的样子的简短 gif。

在此处输入图像描述

(我知道错误是由不同大小的文本改变卡片大小引起的,但我不确定如何将其设为固定大小或将指示设为固定位置)

0 投票
1 回答
99 浏览

angular - 我可以在不导入整个库的情况下使用 mdbootstrap 吗?

我对 Angular 有点陌生,我正在玩一个使用引导程序的项目,对于所有动态组件,它使用 ngx-bootstrap。

当我想从 ngx-bootstrap(例如 carousel)导入组件时,我只需使用/导入该组件。

前任。

问题 - 如果我想使用mdbootstrap中的另一个轮播组件, 我是否必须下载并使用整个库,只是为了使用轮播,还是只能获取该组件?或者说一个来自 Angular Material 设计的组件?

担心 - 害怕为不同的组件下载大量库,导致项目文件很大,用户需要下载更大的文件。

0 投票
1 回答
1972 浏览

angular - 无法将数组传递给从 @Input 获取数据的 chart.js

我试图了解如何将数据从父组件传递到子组件。
更具体地说,我想将父组件的数组移交给子组件,以便将其用作图表的数据源。

我正在使用Angular 8, mdbootstrap(使用chart.js 2.5.0)。我阅读了一堆教程,并弄清楚了如何将内容从父组件传递到子组件。我可以使用外推法从我的子模板中访问字符串等。
我的问题可能与 chart.js 处理其图表呈现的方式有关。
我不确定它在生命周期的哪个阶段需要它的数据。我试图在ngOnInit方法和AfterViewInit方法中填充所需的变量(代码中没有显示),但这并没有改变任何东西。

父组件 (statistics.component.ts)

统计.component.html

子组件 (bar-chart.component.ts)

条形图.component.html

我希望我可以访问 bar-chart.component.ts 中的 dataArrayInput,从而将这些数据提供给图表。实际上,我可以在 ngOnInit 方法(代码中未显示)中访问此数组,但不能将其用于图表。我在浏览器控制台中收到以下错误:

我希望有一个人可以帮助我 :)

0 投票
1 回答
933 浏览

html - 如何仅在悬停子菜单时显示子菜单项?

我尝试用子菜单制作下拉菜单。

但是 .dropdown-submenu > .dropdown-menu 会在我悬停父级 .dropdown-menu 时显示。如何使 .dropdown-submenu > .dropdown-menu 仅在我悬停 .dropdown-submenu 时显示?

.html

.ts

.scss

现在,当我将鼠标悬停在 2 时 - 显示 2.1、2.2、2.1.1、2.1.2。我希望当我悬停 2 时显示 2.1、2.2。当我只悬停 2.1 - 显示 2.1.1, 2.1.2

0 投票
2 回答
813 浏览

angular - 如何将卡片分成几行,每行有 4 张卡片

我想用卡片制作一个类似于电子商务的网站,我正在使用 Angular 和 MdBootstrap UI Kit。

假设我有 18 张牌,我想要 4 行 4 张牌,最后一行应该有 2 张牌。我的卡片数据来自 json 格式的后端。

但我得到了这个输出。

使用当前代码

我想要的是这个。

想要达到这个

我目前拥有的代码

html:-

ts:-