新组件中的 Datetimepicker
你在“handleDateInputsOptions”里做的大部分逻辑应该都在你的组件“脚本”里。 你的“dateInputsSelect”道具包含输入类型,所以[使用插值](https://grapesjs.com/docs/modules/Components-js.html#basic-scripts)在你的“脚本”中,然后应用“handleDateInputsOptions”的逻辑。 你还需要一个技巧,是在画布里触发“脚本”更新,所以在你的“model.init”里做这个。 “''js init() { this.on('change:dateInputsSelect', () => this.trigger('chang...
阅读下方完整回答 ↓问题
抱歉这个问题有点长!这是一个全新的部分,我快写完了,只是需要一点帮助,我相信这对其他人可能有用。 我正在创建一个使用 daterangepicker 库的日期选择输入。 通过选项收集所有日期类型字段。我有 、 、 和 字段。之后我会用它们的名字,并在“-”处拆分,获得字段类型。 我会逐个加载脚本,以避免依赖问题(比如“$ 未定义”)。如果你认为有更高效的方法,请给我建议。 加载 后,我可以运行 函数,确实会在字段上运行 ,并在正确的输入字段下方生成日期选择下拉菜单,但我稍后会解释为什么这看起来很浪费。 因为我有一个选择功能可以切换字段及其类型,我需要一个函数来监听这个变化并更新输入字段。所以下面 我添加了 函数,正在监听 change 事件并运行 。 问题1:在 中执行初始化 选择弹窗出现在正确的位置——输入字段下方。然而,在 内 初始化时,它会将 附加到外层,而不是grapesjs iframe内输入下方。 看了 https://www.daterangepicker.com/#options 你会发现我们可以添加一个 ,但设置为 会 附进iframe内部,但我无法把它放在iframe的主体内。我感觉它把 附加到主体而不是iframe主体,是因为我在模型外部初始化 ?我感觉我的 函数应该发生在 ?如果是这样,我该怎么做? 问题二:要在加载时正确初始化 ,我可以用 ,但正如我在下...
回答(1)
你在“handleDateInputsOptions”里做的大部分逻辑应该都在你的组件“脚本”里。 你的“dateInputsSelect”道具包含输入类型,所以[使用插值](https://grapesjs.com/docs/modules/Components-js.html#basic-scripts)在你的“脚本”中,然后应用“handleDateInputsOptions”的逻辑。 你还需要一个技巧,是在画布里触发“脚本”更新,所以在你的“model.init”里做这个。 “''js init() { this.on('change:dateInputsSelect', () =>...
相关问答
通过相似的问题讨论继续研究。
问题 #3155
Adding Animations
你好@artf我想在所有方块上加入动画 这里有一段代码,但不行,你能帮帮我吗? 谢谢
问题 #3704
Load blocks closed by default?
我正在用以下代码来折叠所有块类别,但很遗憾,这方法不起作用 现场演示:https://jsfiddle.net/d4702yoh/2/ 这里出了什么问题?
问题 #3239
如何动态地从组件脚本更新属性/属性?
我们有一个用例,想用 [Highcharts Editor](https://github.com/highcharts/highcharts-editor) 动态插入图表。我创建了一个组件,拖拽后会打开基于模态的组件,根据用户选择返回一个SVG图像。 我想知道如何把它加到模型...
问题 #3225
How to Update Style from checkbox Trait?
你好@artf 我尝试用复选框特性更新样式,但它没有调用函数。 这是代码 非常感谢你能提供的任何见解! 谢谢
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。