Question

当用户正在从datepicker中选择日期时，我想从文本框中聚焦。 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/

在datepicker更改时关注文本框

1 个答案: