3

カレンダーの画像を使用して、jqueryの日付ピッカーを表示/非表示にします。ドキュメントに基づくと、私が持っているbuttonImageとbuttonImageOnlyを設定する必要があるようです。日付ピッカーは機能していますが、常に表示されます。これが私のコードです：

<script type="text/javascript">
$(document).ready(function(){
$("#datepicker").datepicker({ 
    altField: '#from', 
    altFormat: 'yymmdd', 
    buttonImage: 'datepicker.png', 
    buttonImageOnly: true, 
    defaultDate: <?=getDaysFromToday($_GET['from'])?>, 
    showOn: 'focus' 
    });
});

$('#datepicker').datepicker({
    onSelect: function(dateText, inst) {
    $("#myform").submit(); 
    }
});
 </script>

また、日付を選択したときにフォームを送信させようとしていますが、それも機能しないようです。

私は何か間違ったことをしていますか？

ありがとう！

4

2 に答える 2

9

交換

showOn: 'focus'

と

showOn: 'button'

これにより、テキストフィールドにフォーカスが移動したときではなく、ボタンがクリックされたときにのみ日付ピッカーが表示されます。

フォームの送信が機能しない理由がわかりません。falseを返す可能性のある送信イベントをフォームにバインドしましたか？

thisイベントハンドラー内の入力要素を参照するため、送信に対してこれを試すことができます。

this.form.submit();

コメント後に編集：この例を見てください。ボタンは自動的に追加されます。

に2つの別々の呼び出しがあることに気づきましたdatepicker。2つを1つに組み合わせると、イベントの問題に役立つ場合があります。

$("#datepicker").datepicker({ 
    altField: '#from', 
    altFormat: 'yymmdd', 
    buttonImage: 'datepicker.png', 
    buttonImageOnly: true, 
    defaultDate: <?=getDaysFromToday($_GET['from'])?>, 
    showOn: 'focus'.
    onSelect: function(dateText, inst) {
        $("#myform").submit(); 
    }
});
于 2009-06-02T14:52:59.817 に答える
1

入力フィールドの横にアイコンを近づけすぎないように配置したい場合：

http://forum.jquery.com/topic/altering-position-of-datepicker-icon#14737000001522067

.ui-datepicker-trigger {
margin-left : 5px;
vertical-align : top;
}
于 2011-08-24T11:51:42.457 に答える