jquery-ui – jQuery UI Datepicker Today链接

前端之家收集整理的这篇文章主要介绍了jquery-ui – jQuery UI Datepicker Today链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在为项目使用jQuery UI Datepicker,但是当用户点击它时需要今天按钮在文本字段中输入日期.默认情况下,它只选择日期,但不会将其输入到字段中.我猜这只需要我的jQuery UI文件快速模式,但我会改变什么?谢谢.

编辑:我试过这个:http://dev.jqueryui.com/ticket/4045但它不起作用!

解决方法

我找到了一个可以在这里工作的解决方案: http://forum.jquery.com/topic/jquery-ui-datepicker-today-button.只需使用这个jQuery片段(我只是用我的datepicker初始化代码):
$('button.ui-datepicker-current').live('click',function() {
    $.datepicker._curInst.input.datepicker('setDate',new Date()).datepicker('hide');
});

我遇到的唯一问题是,点击“今天”按钮后,焦点将保留在输入框中,这意味着您无法再次单击它以选择其他日期.这可以通过后缀blur()来修复:

$('button.ui-datepicker-current').live('click',new Date()).datepicker('hide').blur();
});

我也不喜欢“今天”按钮上的样式 – 也许它只是我的主题或其他东西,但是今天的按钮与“完成”按钮相比有点灰色.这可以通过以下CSS修复(可能因主题不同而有所不同,我不确定):

/* This edit gives five levels of specificity,thus making it override other styles */
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current {
    font-weight: bold;
    opacity: 1;
    filter:Alpha(Opacity=100);
}

猜你在找的jQuery相关文章