如何在jQuery中从Bootstrap datepicker选中的日期中获取日

方法1：使用组件内置API（优先推荐） #

该方案不受输入框展示的日期格式影响，稳定性最高，直接调用组件暴露的接口获取原生Date对象即可提取日。
推荐使用datepicker专属的changeDate事件监听日期变更，避免非用户选择触发的输入框变更：

$('.datepicker').on('changeDate', function (e) {
  // 方式1：从事件回调参数中直接取选中的日期对象
  const selectedDay = e.date.getDate();

  // 方式2：也可以主动调用组件API获取日期
  // const selectedDate = $("#check_inn").datepicker('getDate');
  // const selectedDay = selectedDate.getDate();

  console.log('选中的日为：', selectedDay);
});

getDate()是JS原生Date对象的方法，返回值为1~31的数字，对应当月的第几天。

方法2：解析输入框的字符串值 #

如果你的场景需要直接从输入框的文本值解析，需要保证拆分规则和你初始化datepicker时配置的format参数完全匹配：
示例适配yyyy-mm-dd格式的代码如下：

$('.datepicker').on('change', function () {
  const checkInnDate = $("#check_inn").val();
  // 按分隔符拆分后取对应位置的值，转成数字即可
  const selectedDay = Number(checkInnDate.split('-')[2]);
  console.log('选中的日为：', selectedDay);
});

注意：如果你的日期格式为dd/mm/yyyy等其他格式，需要调整split的分隔符和索引值，比如用/拆分后取索引为0的内容。

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