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

尝试使用daatepicker的onselect事件

$('#datepicker').datepicker({

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

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

OR

$('#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

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

1 个答案: