0

クリックしてカレンダーを開くようにカーソルをカレンダーアイコンに近づけるとメッセージを表示する必要がありますが、画像のように表示されます。

ここに画像の説明を入力

プロジェクトで JQuery と JavaScript を使用しています。

日付ピッカーのコードは次のとおりです。

$( ".date" ).datepicker({"dateFormat": "yy-mm-dd",   showOn: "button",
        buttonImage: "${pageContext.request.contextPath}/images/icon_cal.png",
        buttonImageOnly: true, title:"Click to open date calender" });
4

3 に答える 3

1

ソース コードや表示するリンクがない場合、この問題を解決するのは困難です。あなたは私に多くのことを発行できます:

1.) カーソル ハンドのスタイル ルールは、別の CSS ルールによって上書きされますか? 2.) アイコンの「タイトル」属性を定義するのを忘れましたか?

推測する必要がある場合は、オプション 2 になります。これは、jquery ui datepicker デモが同じ動作をするためです。http://jqueryui.com/demos/datepicker/#icon-triggerにアクセスする と、アイコンが画像と同じ出力を持つことがわかります。次に、datepicker デモのソースを見ると、次のように表示されます。

それはおそらくあなたの問題です。

于 2013-10-26T06:02:45.490 に答える
1

画像の標準の HTML タイトル属性を使用します:-

<img src="source of image" alt="alternative text" title="this will be displayed as a tooltip"/> 
于 2013-10-26T05:56:28.267 に答える
0

ボタン画像のテキストを変更するには、「buttonText」属性を設定する必要があります。

$("#my_date_field").datepicker({
  showOn: "button",
  buttonImage: "/images/calendar.png",
  buttonImageOnly: true,
  buttonText: "Add some new text"
});
于 2013-10-26T06:25:20.793 に答える