jquery - 专注于日期选择器更改的文本框

Question

当用户正在从日期选择器中选择日期时，我想将注意力集中在文本框之外。HTML

<input id="startDate" class="datepicker rounded hasDatepicker" type="text" name="startDate" readonly="">
<img class="ui-datepicker-trigger" src="images/calendar_icon.png" alt="...">

我试过的脚本。

$('.datepicker').datepicker({
    showOn: "button",
    buttonImage: "images/calendar_icon.png",
    buttonImageOnly: true,
    onChangeMonthYear: function(year, month, inst) {
        $("#startDate").blur();
    },
    onSelect: function(dateText, inst) {
        $("#startDate").focusin();
    }
});​

请帮忙！

Answer 1

尝试在代码中添加beforeShow和 onClose 事件...

例子：

$(function() {
    $('.datepicker').datepicker({
        beforeShow:function(input, inst){$(this).css('color','white')},
        onClose:function(dateText, inst){$(this).css('color','black')}
    });
});

但请记住...已知问题：Datepicker 不会触发创建事件。

来源：jQuery UI datepicker#event-beforeShow

---

用新选项编辑：

HTML 示例

Date: <input type="text" id="datepicker" readonly="readonly">​

jQuery

$(function(){$('#datepicker').datepicker()});

​示例在：http: //jsfiddle.net/nNPJS/2/