Question

我正在使用dateRangePicker进行日历插件。我有一个“检入”范围，其中包含当前日期。我希望当我点击该范围时，dateRangePicker提供的日历中的当前日期被选中，但我不知道该怎么做。任何形式的帮助都是适当的。提前谢谢。

编辑：

我正在使用这个https://rawgit.com/longbill/jquery-date-range-picker/master/index.html

这是我的代码

$('.datepicker1').dateRangePicker({
                format: 'YYYY-MM-DD',
                separator : ' : ',
                startDate : today,
                showShortcuts : true,
                minDays: 2,
                getValue: function()
                {
                    console.log(today);
                    var month = today.getMonth()+1;
                    var day = today.getDate();

                    var output = today.getFullYear() + '/' +
                        (month<10 ? '0' : '') + month + '/' +
                        (day<10 ? '0' : '') + day;
                    return output;
                },
                setValue: function(s)
                {
                    var month = today.getMonth()+1;
                    var day = today.getDate();

                    var output = today.getFullYear() + '/' +
                        (month<10 ? '0' : '') + month + '/' +
                        (day<10 ? '0' : '') + day;
                    output = s;
                }
            })
            .bind('datepicker-change',function(event,obj){
                $(this).parent().parent().prevAll('.checkindate').html('<span>Check in</span><span>' + days[obj.date1.getDay()] + ', </span><span>' + dates[(obj.date1.getDate()-1)] + '</span><br><span>' + months[obj.date1.getMonth()] + ' ' + obj.date1.getFullYear() + '</span>');
                $(this).parent().parent().prevAll('.checkoutdate').html('<span>Check out</span><span>' + days[obj.date2.getDay()] +', </span><span>' + dates[(obj.date2.getDate()-1)] + '</span><br><span>' + months[obj.date2.getMonth()] + ' ' + obj.date2.getFullYear() + '</span>');
                $("#checkindate").val(obj.value.substr(0,obj.value.indexOf(":")));
                $("#checkoutdate").val(obj.value.substr(obj.value.indexOf(":")+1));
            });

$('.datepicker1').data('dateRangePicker').setDateRange('2014-06-03', "2014-06-04");
$('.datepicker1').click();

Answer 1

在span中绑定事件以在JQuery Ui Datepicker中选择当前日期的过程

使用日期选择器的SetDate方法在范围点击中设置日期。

http://jsfiddle.net/johnav1989/Fa8Xx/1892/

如何通过单击跨度在DateRangePicker中选择日期

1 个答案: