日期选取器单击事件获取日期

Datepicker click event getdate

本文关键字：获取 取日期 事件 单击 选取 日期      更新时间：2023-09-26

我正在使用引导日期选择器，我想尝试点击事件以重定向到点击日期的事件页面，我阅读了事件的日期选择器的文档，但没有点击事件，但它使用了changeDate，当我点击任何日期时，我得到了那个日期并且一切正常，但是当我点击任何活动日期时， 我得到了随机的活动日期或重复最后一个日期..即使该日期处于活动状态，我如何获得点击日期？小提琴

更新的小提琴

试试这个，

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

});

Demo：http：//jsfiddle.net/UI_Designer/2L1ovhbm/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;
});

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

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

好的，

我尝试了很多很多，但没有理想的解决方案，但我尝试在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);
});
相关文章：