Member 10549697 Ответов: 2

Как использовать функцию datepicker в ASP.NET мастер-страница

<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
<script type="text/javascript">

    $(function () {
        debugger;
        $("#<%= txtCashAmt.ClientID %>").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1970:2012'
          
        });
    });
</script>
<style type="text/css">
.ui-datepicker { font-size:8pt !important}
</style>



<div>
   <asp:TextBox ID="txtCashAmt" runat="server" CssClass="date"></asp:TextBox>
   </div>


Что я уже пробовал:

Я хочу добавить эту функцию datepicker в свою веб-форму, которая имеет masterpage.Но функция javascript не работает с этим текстовым полем.хотя она отлично работает с тегом & lt;html>, Но как я могу использовать ее с asp.net форма с masterpage.Пожалуйста, Помогите!

The Praveen Singh

проверьте идентификатор вашего текстового поля после проверки на главной странице это будет изменено как идентификатор текстового поля, главная страница добавляет что-то вроде этого: - ctl00$cpMainContent$ check and change в вашем случае.

F-ES Sitecore

Находятся ли оба этих фрагмента кода на главной странице? И то, и другое по содержанию? Один на хозяина и один на содержание?

Member 10549697

нет, оба они находятся на разных страницах.

2 Ответов

Рейтинг:
17

koklimabc

на стороне клиента (вид разметки):, он повторно запрашивает перекраску каждый раз после предварительного этапа (просто сделайте это в активной форме, а не в основной форме )

функция pageLoad()
{
$(функция(){
$("#<%= txtCashAmt.ClientID %>"). datepicker({
формат даты: "ДД / ММ/гггг"

});

});
}

Member 10549697

Да.Это сработало.Спасибо!

Рейтинг:
0

Vincent Maverick Durano

Как насчет того, чтобы использовать имя класса в качестве селектора? Например:

$(function () {
        $('.date').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1970:2012'
          
        });
    });