时间戳

首页 > 解决方案 > WIX 编辑器 - 您可以在其中选择将粘贴到地址的日期的表单 http://...com#/&from=2021-07-16&to=2021-07-17

editor - WIX 编辑器 - 您可以在其中选择将粘贴到地址的日期的表单 http://...com#/&from=2021-07-16&to=2021-07-17

问题描述

请帮我！！！

我可以看到 WIX 编辑器中有一些日历可供您在您的网站上使用。

现在，如何做到这一点：您单击日历，您可以在其中选择到达和离开日期（例如 2021-07-16 和 2021-07-17），然后单击一个按钮（确认）选择这些日期并转发您到新站点，这些日期将被粘贴到地址 http://....com#/&from=2021-07-16&to=2021-07-17

谢谢！！！

标签： editorvelo

解决方案

用户界面

  1. 添加表单组件
  2. 添加 2 个日期字段
  3. 添加提交按钮

在此处输入图像描述

（我不知道在单个日期选择器中设置日期范围的方法）

代码

$w.onReady(function () {
    // 
    $w('#datePicker1').onChange(e => {
        const fromDate = new Date(e.target.value);
        fromDate.setDate(fromDate.getDate() + 1);
        $w('#datePicker2').value = fromDate;
        // this way the user couldn't select an "to" date lower than the "from" date
        $w('#datePicker2').minDate = fromDate;
    });
    $w('#wixForms1').onWixFormSubmit(e => {
        const fromDate = e.fields[0].fieldValue.toLocaleDateString('fr-CA');
        const toDate = e.fields[1].fieldValue.toLocaleDateString('fr-CA');

        wixLocation.to(`https://example.com/?start=${fromDate}&end=${toDate}`);
    });
});

https://moshef9.wixsite.com/dates-range

推荐阅读