我正在为项目使用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); }