新组件中的 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 库的日期选择输入。 “gatherDateOptions()”通过选项收集所有日期类型字段。我有“date”、“datetime”、“daterange”和“datetimerange”字段。之后我会用他们的名字,并在“-”处拆分,获取字段类型。 我会逐个加载脚本,以避免依赖问题(比如“$ 未定义”)。如果你认为有更高效的方法,请给我建议。 一旦加载了“daterangepicker”,我可以运行“initDateRange”函数,确实会在字段上运行“daterangepicker”,并在正确位置(输入字段下方)生成日期选择下拉菜单,但我稍后会解释为什么这看起来很浪费。 因为我有一个选择功能可以切换字段及其类型,我需要一个函数来监听这个变化并更新输入字段。所以在“defaults”下面,我添加了“init()”“函数,正在监听变更事件并运行”handleDateInputsOptions“。 问题一:当在“default: script:'中执行”daterangepicker“'初始化时,'''daterangepicker'选择弹窗出现在正确位置——输入字段下方。然而,当在“handleDateInputsOptions”中初始...
回答(1)
你在“handleDateInputsOptions”里做的大部分逻辑应该都在你的组件“脚本”里。 你的“dateInputsSelect”道具包含输入类型,所以[使用插值](https://grapesjs.com/docs/modules/Components-js.html#basic-scripts)在你的“脚本”中,然后应用“handleDateInputsOptions”的逻辑。 你还需要一个技巧,是在画布里触发“脚本”更新,所以在你的“model.init”里做这个。 “''js init() { this.on('change:dateInputsSelect', () =>...
相关问答
通过相似的问题讨论继续研究。
问题 #5156
手机屏幕上拖放不了,连加葡萄触摸都做不到
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome,IOS可复制演示链接 https://www.lovepoptestsite.com/products/disney-s-hocus-pocus-black-flame-candle-p...
问题 #2069
'allowScripts: true' 仍然会删除<script>标签
大家好。感谢你创建并维护这个了不起的项目。🙏虫子描述 我有一个模块,可以插入这里指定的脚本:https://grapesjs.com/docs/modules/Components-js.html#basic-scripts 当我把方块拖到画布时,组件确实会把脚本附加到自己身...
问题 #1908
无法读取未定义属性“indexOf”。
我在这里找到过之前的结果:https://github.com/artf/grapesjs/issues/1772 但我仍然无法让它工作,按照你的指南和那个问题中的答案,使用最基础的设置。 我的剧本: 页面简单地表示: ![图片](https://user-images.git...
问题 #2297
通过拖放添加脚本,动态添加元素
嘿。感谢你带来的这个精彩项目。我在一个项目里用它,需要一些帮助。 1- 我有一个带有脚本的块元素。这个脚本会在iframe内动态添加表单。 “JavaScript blockManager.add('custom-script', { 标签:“Email-Custom-Scri...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。