Datepicker Bootstrap：仅在单击日期时检测

Question

我正在使用 datepicker 从该站点 http://www.eyecon.ro/bootstrap-datepicker 进行引导

我想在点击日期时提醒日期值。我有这些代码：

HTML：

<div id="datepicker" class="input-append date pull-right" data-date-format="dd-mm-yyyy" data-date="12-02-2012">
    <input class="span2" type="text" value="12-02-2012" size="16" style=" width:95px;"></input>
    <span class="add-on"><i class="icon-th"></i></span>
</div>

JQuery:

$('#datepicker').datepicker();
$('#datepicker').datepicker().on('changeDate', function(){
    alert($(this).data('date'));
});

它有效，但是当我点击月份或年份时，它也会发出警报。我该如何解决？谢谢

Answer 1

试试onselectdaatepicker的事件

$('#datepicker').datepicker({

onSelect: function(dateText, inst) {
     alert(dateText)
      }
})

选择日期选择器时调用。该函数接收 选择日期作为文本，日期选择器实例作为参数。这 指关联的输入字段。

或

$('#datepicker').datepicker().on('changeDate', function(ev){
     alert(ev.date);
     console.log(ev);
});

编辑： 解析日期从 2013 年 9 月 11 日星期三 00:00:00 GMT+0700（东南亚标准时间）到 11-9-2013

$('#datepicker').datepicker().on('changeDate', function(ev){

console.log(ev);
var d =new Date(Date.parse(ev.date));
dateString =(d.getDate()+1)+"-"+(d.getMonth()+1)+"-"+ d.getFullYear();
alert(dateString)
console.log(dateString)
});

bootstrap-datepicker

option-onSelect