Question

我正在使用bootstrap datepicker，我想将点击事件移动到重定向到点击日期的事件页面，我阅读了datepicker的事件文档，但没有点击事件，但它使用changeDate，当我点击任何日期时，我得到了那个日期，一切正常，但当我点击任何有效日期时，我得到随机的有效日期或重复上一个日期..我怎么能得到点击日期甚至那个日期是活跃的吗？ fiddle

更新了Fiddle

Answer 1

试试这个，

$('div').datepicker({
    multidate: false,


});

演示：http://jsfiddle.net/UI_Designer/2L1ovhbm/2/

Answer 2

只是使用这可能是你想要的

$('div').on('changeDate', function(e){
  // extra 
  sdate = e.date.getDate() +'/'+ (e.date.getMonth()+1) + '/' + e.date.getFullYear();
  var getdate = $('p').html(sdate);  
  window.location.href = 'events.html?date='+getdate;
});

Answer 3

$('div').datepicker({
    multidate: false,
    todayHighlight: true,
    todayBtn: true
});

上面的代码工作正常。只选择日期打印。

Answer 4

好的，我尝试了很多很多但没有理想的解决方案，但我尝试在JSfiddle

中添加这样的点击触发器

var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
$('.datepicker-days').on('click', 'td.day', function (e) {
    e.preventDefault();
    var dat = $(this).text();
    var monthyear = $(this).closest('table').find('.datepicker-switch').text().split(" ");
    var monthalpha = monthyear[0];
    var monthnum;
    console.log(months.indexOf(monthalpha));
    var year = monthyear[1];
    if($(this).hasClass('old')){
        monthnum = (months.indexOf(monthalpha));
    } else if($(this).hasClass('new')){
        monthnum = (months.indexOf(monthalpha)+2);
    } else {
        monthnum = (months.indexOf(monthalpha)+1);
    }
    if(monthnum > 12){
        monthnum = 1;
    } else if (monthnum < 1){
        monthnum = 12;
    }
    $('p').html(dat+"/"+monthnum+"/"+year);
});

Datepicker点击事件getdate

4 个答案: