Elementor 表单的计算字段

描述

Elementor 表单的计算字段 提供构建执行基本和复杂计算的计算器、预订、订单的功能。

注意：此插件需要 Elementor Pro （ Form Widget ）。

视频：如何创建计算字段。

特征

• 构建计算器表单的能力
• 构建预订表单的能力
• 构建订单的能力
• 能够在公式中设置 post 元值
• 能够计算日期差异
• 能够使用 Math 对象的 JS 方法
• 能够为选择、单选、复选框设置值和计算值之间的区别
• 能够为计算值添加动画效果
• 能够更改小数点和千位分隔符
• 计算字符串值的能力

示例计算表达式

可用的短代码：

• [字段 id=“数字 1”] – 字段值的简码https://prnt.sc/1seh421.哪里： 编号1 – 是字段 ID。
• [元 id=“价格”] – 当前帖子元值的简码。哪里：价格 – 是 post 元键。

可用功能：

• dateDiffInDays（ [字段 id=“date_field_1”]，[字段 id=“date_field_2”] ） – 获取日期差异（以天为单位）的函数。
  哪里：[字段 id=“date_field_1”] 和[字段 id=“date_field_2”] ― 日期字段短代码。
• dateDiffInYears（ [字段 id=“date_field_1”]，[字段 id=“date_field_2”] ） ― 获取日期差异（以年为单位）的函数。
• dateDiffInMonths（ [字段 id=“date_field_1”]，[字段 id=“date_field_2”] ） – 获取以月为单位的日期差异的函数。
• dateDiffInWeeks（ [字段 id=“date_field_1”]，[字段 id=“date_field_2”] ） – 获取日期差异（以周为单位）的函数。
• Math 对象的 JS 方法.例如： Math.round（ [字段 id=“数字 1”] ）
• addDaysToDate（ [字段 id=“date_field”]， 30 ） ― 向日期字段添加天数的函数。
  参数：
  • $date ― 日期字段短代码;
  • $days – 添加的天数;
  • $date_format ― 日期格式 （可选）。
• subtractDaysFromDate（ [字段 id=“date_field”]， 30 ） – 从日期字段中减去天数的函数。
  参数：
  • $date ― 日期字段短代码;
  • $days – 减去的天数;
  • $date_format ― 日期格式 （可选）。
• formatDate（ $date， $format ） – 将日期对象格式化为字符串值的函数。
  参数：
  • $date ― 要格式化的日期值;
  • $format ― 所需的日期格式。

  格式可以是以下各项的组合：

  • d ― 月份中的日期 （无前导零）;
  • dd – 月份中的日期 （两位数字）;
  • o ― 年份的日期 （没有前导零）;
  • oo – 一年中的某一天 （三位数字）;
  • D ― 日期名称短;
  • DD – 日名称长度;
  • m ― 一年中的月份 （无前导零）;
  • 毫米 – 一年中的月份 （两位数字）;
  • M – 月份名称短;
  • 毫米 – 月份名称长度;
  • y – 年份 （两位数）;
  • yy – 年份 （四位数）;
  • @ – Unix 时间戳（自 1970 年 1 月 1 日起的毫秒）。

示例 1：

[field id="number1]+[field id="number2"]

示例 2：

[field id="quantity"]*[meta id="price"]

示例 3：

dateDiffInDays([field id="date_field_1"],[field id="date_field_2"])*[field id="guests"]

示例 4：

addDaysToDate( [field id="date_1"], 287 )

如何获取更新？

有关新版本和更新安装的信息，您可以使用 Envato 的插件 – Envato Market WordPress 插件.

更新日志

1.2.3 版

Updated: tested up versions.

1.2.2 版

Updated: tested with Elementor v3.20.

1.2.1 版

Updated: tested with Elementor v3.18.

1.2.0 版

Added: an ability to calculate string values. For example: date value;
Added: `Calculated Value Type` setting;
Added: new calculation functions: addDaysToDate, subtractDaysFrom, formatDate.

1.1.3 版

Fixed: calculation process in some cases.

1.1.2 版

Updated: tested with Elementor v3.12.

1.1.1 版

Added: minor improvements.

1.1.0 版

Added: an ability to change decimal and thousands separator;
Added: error message in editor if calculation formula contains syntax error;
Added: calculation process in the editor.

1.0.8 版

Fixed: calculation process if calculated field has thousands separator.

1.0.7 版

Fixed: calculation process if formula has calculated field.

1.0.6 版

Fixed: animation of value if value has thousands separator.

1.0.5 版

Added: an ability to calculate date diff in years, months and weeks.

1.0.4 版

Added: `Add thousands separator` setting.

1.0.3 版

Added: an ability to set differentiate between value and calculation value for select, radio, checkbox;
Added: an ability to calculated multiple select;
Added: an ability to animate a calculate value.

1.0.2 版

Fixed: the datediff feature if using the flatpickr picker for date field.

1.0.1 版

Added: an ability to set a post meta value in formula;
Added: an ability to calculate date diff;
Added: an ability to add currency symbol;
Added: an ability to hide field;
Added: an ability to hide label.

1.0.0 版

First release