asp.net アプリケーションで Jquery UI を使用し、「Le Frog」テーマを使用しています。 http://jqueryui.com/themerollerを使用して datepicker をカスタマイズしようとしています。カスタマイズして [ダウンロード] をクリックした後、mycustomdatepicker をテーマ フォルダー名として指定し、.chenge-a をテーマの範囲として指定します。
このhtmlを追加します
<div id="datepicker" class="chenge-a"></div>
そしてこれはjqueryで
$("#datepicker").datepicker({
inline: true
});
日付ピッカーに新しいテーマが表示されます
しかし、ボタンクリックで使用したいので、このhtmlを試します:
<span id="spDate" >
<asp:TextBox ID="txtdatetemp" runat="server" AutoPostBack="True" OnTextChanged="txtdatetemp_TextChanged"
class="txt ></asp:TextBox>
<asp:Button ID="Button2" runat="server" Text="<%$ Resources:Vacancies, DateRange %>"
CssClass="chenge-a" OnClientClick="return false;" />
</span>
このjqueryを書きます
$(document).ready(function () {
$("#datepicker").datepicker({
// inline: true
});
$(".chenge-a").datepicker({
onSelect: function (value, date) {
$(".txt").val(value);
$(".txt").change(function () {
alert('here');
}).triggerHandler('change');
e.preventDefault();
}
});
});
ボタンのクラスとして.chenge-aを指定しましたが、ボタンの日付ピッカーが古い日付ピッカーのテーマで表示されます。
スコープ付きのテーマがボタン付きの日付ピッカーに適用されない理由を教えてください。