Я использую JQuery UI в моем приложении asp.net и использую тему "Le Frog". Я пытаюсь настроить datepicker с помощью http://jqueryui.com/themeroller. После того, как я его настроил и нажмите "Загрузить", я указываю mycustomdatepicker как имя папки темы и.chenge-a как область темы.
Я добавляю этот html
<div id="datepicker" class="chenge-a"></div>
и это в jquery
$("#datepicker").datepicker({
inline: true
});
и он показывает новую тему на datepicker
но я хочу использовать его при нажатии кнопки, поэтому я пробую этот 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();
}
});
});
он показывает первый datepicker в новой теме (с областью действия), где в качестве кнопки datepicker отображается старая тема datepicker, хотя я указал.chenge-a как класс кнопки.
Пожалуйста, предложите, почему тема с областью не применяется к datepicker с кнопкой?
Я добавил это
$("<input type='hidden'/>").appendTo($('body')).datepicker();
$("#ui-datepicker-div").wrap('<div class="chenge-a" />');
и это сработало. Ссылка
http://stackoverflow.com/questions/18647260/making-a-programmatically-created-jquery-ui-datepicker-work-with-css-scope