问题

可以使用JavaScript来实现这个功能。当用户在flatpickr日历中选择一个日期时，你可以使用JavaScript来捕获所选日期，然后构建一个包含所选日期的URL，并将浏览器重定向到该URL。以下是一个示例代码片段，演示了如何实现这一功能：

// 获取flatpickr日历的DOM元素
var flatpickrCalendar = document.getElementById('yourFlatpickrElementId');

// 初始化flatpickr日历
flatpickr(flatpickrCalendar, {
    // 设置日期选择后的回调函数
    onChange: function(selectedDates, dateStr, instance) {
        if (selectedDates.length > 0) {
            // 获取用户选择的日期
            var selectedDate = selectedDates[0];

            // 格式化日期为MM/DD/YYYY
            var formattedDate = selectedDate.toLocaleDateString('en-US', {
                year: 'numeric',
                month: '2-digit',
                day: '2-digit'
            });

            // 构建带日期参数的URL
            var redirectURL = 'https://www.google.com/?date=' + formattedDate;

            // 重定向到新的URL
            window.location.href = redirectURL;
        }
    }
});

请注意，上述代码中的 yourFlatpickrElementId 应该替换为你实际使用的flatpickr日历元素的ID。这段代码将在用户选择日期时重定向浏览器到带有所选日期作为URL参数的新页面。

答案1

得分: 1

可以修改Flatpickr以实现所需的行为，将用户重定向到带有所选日期作为URL参数的特定页面。试试这样做：

const flatpickrElement = document.getElementById('flatpickr-element');

flatpickr(flatpickrElement, {
  
  // ...
  onValueUpdate: function (selectedDates, dateStr, instance) {
    
    const url = `https://www.google.com/?date=${dateStr}`;

    // 重定向
    window.location.href = url;
  }
});

const flatpickrElement = document.getElementById('flatpickr-element');

flatpickr(flatpickrElement, {
  
  // ...
  onValueUpdate: function (selectedDates, dateStr, instance) {
    
    const url = `https://www.google.com/?date=${dateStr}`;

    // redirect
    window.location.href = url;
  }
});