如何成功记录Wix Code日期选择器的选中日期值？

看起来你遇到的核心问题是错误地打印了事件处理器本身，而非事件触发时的实际日期值——当你直接console.log($w("#datePicker1").onChange)时，输出的是你定义的回调函数代码，而不是日期选择后生成的date1/date2值。

下面是修正方案，同时实现日志打印和文本展示的需求：

1. 正确在事件回调内处理结果 #

你需要把日志打印和文本展示的逻辑放在onChange回调函数内部——因为只有当用户选择日期时，这个回调才会执行，此时才能拿到真实的选中日期值。

修正后的代码示例：

// 处理第一个日期选择器
$w("#datePicker1").onChange( (event, $w) => { 
  let chosenDate = new Date($w("#datePicker1").value); 
  let date1 = chosenDate.getDate(); 
  
  // 打印选中的日期日份值
  console.log("日期选择器1选中的日份：", date1);
  // 将值展示到文本组件（假设你有一个id为textDate1的文本元素）
  $w("#textDate1").text = `选中的日份：${date1}`;
  
  return date1; 
}); 

// 处理第二个日期选择器
$w("#datePicker2").onChange( (event, $w) => { 
  let chosenDate = new Date($w("#datePicker2").value); 
  let date2 = chosenDate.getDate(); 
  
  console.log("日期选择器2选中的日份：", date2);
  $w("#textDate2").text = `选中的日份：${date2}`;
  
  return date2; 
}); 

2. 额外：如果需要在外部复用日期值 #

如果你想在回调外部使用这些选中的日期值，可以将它们存储在全局变量中：

// 定义全局变量存储选中的日期值
let selectedDate1, selectedDate2;

$w("#datePicker1").onChange( (event, $w) => { 
  let chosenDate = new Date($w("#datePicker1").value); 
  selectedDate1 = chosenDate.getDate(); 
  
  console.log("日期选择器1选中的日份：", selectedDate1);
  $w("#textDate1").text = `选中的日份：${selectedDate1}`;
}); 

$w("#datePicker2").onChange( (event, $w) => { 
  let chosenDate = new Date($w("#datePicker2").value); 
  selectedDate2 = chosenDate.getDate(); 
  
  console.log("日期选择器2选中的日份：", selectedDate2);
  $w("#textDate2").text = `选中的日份：${selectedDate2}`;
}); 

// 后续在其他逻辑中可以直接使用selectedDate1和selectedDate2
// 比如点击按钮时打印两个值
$w("#button1").onClick(() => {
  console.log("当前选中的两个日份：", selectedDate1, selectedDate2);
});

关键说明 #

• $w("#datePickerX").onChange是一个事件处理器的引用，本身是一个函数对象，所以直接打印它只会输出函数的代码内容，而不是执行结果。
• 只有当用户触发日期选择变化时，回调函数才会执行，此时才能获取到实时的value并处理。

内容的提问来源于stack exchange，提问作者usmanelvis