为何无法在函数外部调用datepicker的onSelect变量？如何解决？

这是典型的JavaScript变量作用域问题，咱们一步步拆解来看：

问题根源：函数作用域限制 #

你在onSelect回调函数内部用var totaaldatea = ...声明了变量，根据JS的函数作用域规则：在函数内部用var/let/const声明的变量，只能在该函数内部访问，外部作用域完全无法读取到它。所以你在回调外面执行console.log(totaaldatea)时，JS根本找不到这个变量，自然无法运行。

另外还要提一句：你代码里的Jaar、Maand这些变量没有用任何关键字声明，会自动成为全局变量，这是不好的编码习惯，容易引发变量冲突，建议都加上let或const。

解决方案：两种常用思路 #

思路1：将变量提升到外部作用域声明 #

如果确实需要在外部访问这些日期值，可以先在回调函数外面声明变量，然后在回调内部只做赋值操作：

// 先在外部作用域声明变量（可以初始化为null或空字符串）
let totaaldatea = null;
let totaaldateb = null;

var myDatepicker = $('#datumpak').datepicker({ 
  onSelect: function (formattedDate, date, inst) { 
    if (date.length == 2) { 
      // 给内部变量加上let，避免污染全局
      let Jaar = ("0" + date[0].getFullYear()).slice(-4); 
      let Maand = ("0" + (date[0].getMonth()+1)).slice(-2); 
      let Dag = ("0" + date[0].getDate()).slice(-2); 
      let Uren = ("0" + date[0].getHours()).slice(-2); 
      let Minuut = ("0" + date[0].getMinutes()).slice(-2); 
      let Seconden = ("0" + date[0].getSeconds()).slice(-2); 
      // 这里不再用var/let，直接给外部声明的变量赋值
      totaaldatea = Jaar + Maand + Dag + Uren + Minuut + Seconden; 

      let Jaar1 = ("0" + date[1].getFullYear()).slice(-4); 
      let Maand1 = ("0" + (date[1].getMonth()+1)).slice(-2); 
      let Dag1 = ("0" + date[1].getDate()).slice(-2); 
      let Uren1 = ("0" + date[1].getHours()).slice(-2); 
      let Minuut1 = ("0" + date[1].getMinutes()).slice(-2); 
      let Seconden1 = ("0" + date[1].getSeconds()).slice(-2); 
      totaaldateb = Jaar1 + Maand1 + Dag1 + Uren1 + Minuut1 + Seconden1; 
    } 
  } 
}).data('datepicker');

// 注意：只有当用户选择了日期范围（onSelect触发后），变量才会有值
// 如果页面刚加载就执行console.log，会得到null
console.log(totaaldatea);

思路2：封装处理逻辑，避免全局变量 #

如果不需要在外部直接访问变量，更优雅的方式是把需要使用日期值的逻辑封装成独立函数，在onSelect内部调用这个函数并传值：

// 封装处理日期范围的逻辑
function handleSelectedDateRange(dateA, dateB) {
  // 在这里做你需要的操作：打印、更新DOM、发送请求等
  console.log("起始日期格式化值：", dateA);
  console.log("结束日期格式化值：", dateB);
}

var myDatepicker = $('#datumpak').datepicker({ 
  onSelect: function (formattedDate, date, inst) { 
    if (date.length == 2) { 
      let Jaar = ("0" + date[0].getFullYear()).slice(-4); 
      let Maand = ("0" + (date[0].getMonth()+1)).slice(-2); 
      let Dag = ("0" + date[0].getDate()).slice(-2); 
      let Uren = ("0" + date[0].getHours()).slice(-2); 
      let Minuut = ("0" + date[0].getMinutes()).slice(-2); 
      let Seconden = ("0" + date[0].getSeconds()).slice(-2); 
      const totaaldatea = Jaar + Maand + Dag + Uren + Minuut + Seconden; 

      let Jaar1 = ("0" + date[1].getFullYear()).slice(-4); 
      let Maand1 = ("0" + (date[1].getMonth()+1)).slice(-2); 
      let Dag1 = ("0" + date[1].getDate()).slice(-2); 
      let Uren1 = ("0" + date[1].getHours()).slice(-2); 
      let Minuut1 = ("0" + date[1].getMinutes()).slice(-2); 
      let Seconden1 = ("0" + date[1].getSeconds()).slice(-2); 
      const totaaldateb = Jaar1 + Maand1 + Dag1 + Uren1 + Minuut1 + Seconden1; 

      // 调用处理函数，把格式化后的日期传进去
      handleSelectedDateRange(totaaldatea, totaaldateb);
    } 
  } 
}).data('datepicker');

这种方式避免了全局变量，代码结构更清晰，也降低了变量冲突的风险，是更推荐的写法。

内容的提问来源于stack exchange，提问作者Tim van Heteren