javascript - 如何从 bootstrap-datepicker 获取更改的日期

Question

我正在使用Eternicode 的 bootstrap-datepicker 库的分支，到目前为止，生成它一切顺利，但我想获取日期以便在更改日期后在我的逻辑中使用它。

$('#calendar').on('changeDate', function(event, date) {
  // how to pop alert message to print the date I've chosen ?
});

我怎样才能做到这一点？

Answer 1

如文档中所述，Eternicode 版本的 bootstrap-datepicker 向changeDate事件添加了三个属性，可用于访问新选择的日期。您将对.date属性（指向表示所选日期的实际日期对象.format）或方法感兴趣，您可以使用该方法将日期作为字符串获取。

假设最简单的情况（您有一个选择器，并且您希望以与初始化日期选择器相同的格式将日期作为字符串获取），您只需要不带.format()参数调用：

$('#calendar').on('changeDate', function(event) {
    alert(event.format());
});

这是一个 JSFiddle 展示了这一点：http: //jsfiddle.net/bhm7p/3/

Answer 2

将此代码放入 jquery 函数体中：

$(document).ready(function () {
  $('#datepicker').on('dp.change', function(){
    var t=Date.parse($("#dob1").val());    
    if (t > Date.now()) {
      alert('Selected date shold not be a future date');
      $("#dob1").val('');
    }
  });
});

Answer 3

您可以尝试两件事。

尝试实现这一行：

$('#startdate').val()

或者这个：

$('#startdate').data('date')

Drew T. 建议使用 .val() - 也非常有效。

$('#calendar').on('changeDate', function(event, date) {
    var date = $('#calendar').val();
    alert(date);
});

希望这可以帮助！

Answer 4

实际上基本是这样的：
您将通过解析为参数的.on事件访问日期。e从e你无法访问.getDate

$('#calendar').on('changeDate', function(e) {
    alert(e.getDate()+'/'+e.getMonth()+e.getFullYear());
});

如果您无法理解这是如何发生的，您可以将响应放入其中，console.log(e)而不是alert(e.getDate)这样您就可以清楚地了解要访问的内容。