0

ユーザーが日付ピッカーから日付を選択しているときに、テキストボックスから焦点を合わせたいと思います。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();
    }
});​

助けてください！

4

1 に答える 1

2

コードに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/

于 2012-08-20T11:29:27.310 に答える