繁体   English   中英

jQuery DatePicker - 如何显示今天的月而不是选定的日期?

[英]jQuery DatePicker - How do I show today's month instead of the selected dated?

所以我一直在寻找答案。 包括jQuery的datepicker API网站,我似乎无法找到合适的答案。

这就是我想要发生的事情。 当按下文本字段并弹出日期选择器时,我希望日历月显示在本月,而不是默认为任何先前选择的日期。

我仍然希望能够选择下个月和之前的月份。 因此设置minDate不是一个选项。

例如,用户之前选择了03/03/2013。 然后用户单击文本框,再次弹出日期选择器,显示的月份是今天的月份而不是3月份。 但是,仍然选择03/03/2013。

谢谢!

代码非常香草......

$(document).ready(function () {
$(".datePickerShowToday").datepicker({
            dateFormat: 'dd/mm/yy',
            buttonText: 'Click here to select a date',
            onSelect: function () {

            }
        });
});

HTML代码:

<input type="text" id="NotificationDate" class="datePickerShowToday" />

您可以使用$.datepicker._gotoToday函数执行此$.datepicker._gotoToday [这是$.datepicker._gotoToday用于Ctrl + Home的内容 ]。 但是,窗口小部件不提供open事件(它具有beforeShow但在您的情况下不起作用,因为它仅在绘制窗口小部件之前运行)。 您可以通过在输入字段上使用.focus来模拟这一点,并且一次只绑定一个处理程序(因为保持对datepicker本身的focus也会触发focus ):

$( ".datePickerShowToday" ).datepicker({
    onClose: function() {
        $( ".datePickerShowToday" ).one("focus", function() {
            $.datepicker._gotoToday(this);
        });
    }
});
$( ".datePickerShowToday" ).one("focus", function() {
    $.datepicker._gotoToday(this);
});

这是上面的小提琴: http//jsfiddle.net/4vskg74t/

一种方法:

$(document).ready(function(){

    $('.datePickerShowToday').datepicker();   

    $(".datePickerShowToday").click(function(){   
        $('.datePickerShowToday').datepicker('setDate', null);
    });

});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM