Использовать JQuery DatePicker в текстовом поле asp.net

Question

Как подключить DatePicker к текстовому поле в JQuery.

Answer 1

Вы должны проверить jQuery UI DatePicker.

ASP.NET Пример

<script> 
$(function() { 
    $("#<%= txtDate.ClientID %>").datepicker(); 
}); 
</script> 

<form id="form1" runat="server"> 
    <div> 
    <asp:TextBox ID="txtDate" runat="server" /> 
    </div> 
</form> 

Answer 2

$(function() { 
     $("#txtDatepicker").datepicker(); 
}); 

увидеть пример того, как использовать эту функцию.

Answer 3

Где дата рождения - текстовое поле.

Основной пример:

$(document).ready(function() { 
      $("#DateOfBirth").datepicker(   
      }); 
     }); 

Более сложный пример:

$(document).ready(function() { 
    $("#DateOfBirth").datepicker({ 
     defaultDate: "-25y", 
     dateFormat: "dd-mm-yy", 
     yearRange: "c-80:c+40", 
     inline: true, 
     showAnim: 'fadeIn', 
     changeMonth: true, 
     changeYear: true, 
     minDate: "-120y", 
     maxDate: "-18y", 
     }); 
}); 

Некоторые пояснения: defaultDate устанавливается на сегодня минус 25 лет.

dateFormat установлен на 26/12/2014. Не используйте 'yyyy', иначе 4 символьный год будет отображаться дважды.

yearRange устанавливает количество лет, которое отображается в раскрывающемся списке года (включено опцией «changeyear: true») в текущем году минус 80 лет и плюс 40 лет (но ограничено минимальными и максимальными настройками даты)

Некоторые основные параметры:

1. showOn: кнопка (показывает, когда кнопка календарь кликали)
2. showOn: фокус (показывает, когда вход присоединен календарь получает фокус)
3. showsOn: как (показывает, как выше)
4. defaultDate: новая Даты (2014, 12, 26)
5. defaultDate: "-25y" (показывает текущую дату минус 25 лет)
6. MinDate: новая Дату (1926, 1, 1)
7. MaxDate: "+ 1m + 1w" (добавляет 1 месяц и 1 неделя текущей установленной даты)
8. MaxDate: новые Дата (2012, 1, 1)
9. DateFormat: «уу -mm-dd "
10. dateFormat:" dd-mm-yy "
11. dateFormat: 'DD, MM d, yy'
12. navigationAsDateFormat: true (удаляет глупый текст 'prev' и 'next' и заменяет собой предыдущие и имена следующего месяца).
13. stepMonths: 3 (при нажатии следующих или предыдущих кнопок будет перемещено это много месяцев сразу).
14. NUMBEROFMONTHS: [2, 3] (3 показывает календари одновременно)
15. showCurrentAtPos: 2 (должен быть использован в сочетании с выше «NUMBEROFMONTHS:» Устанавливает текущий месяц в выбранном положении, где показаны несколько месяцев..)
16. showButtonPanel: Истинный (показывает панель кнопок под кал с «Сегодня» кнопкой для установки даты на сегодняшний день и «Done» кнопка, которая будет закрывать календарь ')
17. showWeek: истинную (показывает номер недели из из 52 за год)
18. changeMonth: истина (позволяет пользователю изменить месяц с помощью выпадающего списка)
19. changeYear: истинное (позволяет пользователю изменить год с помощью выпадающего списка)
20. yearRange : «c-80: c + 40» (c для текущего. Годовой диапазон - текущий год минус 80 лет и плюс 40 лет, но это ограничено установками минимальных и максимальных дат:
21. yearRange: «1990: 2014» (в этом году выпадающий список показывает диапазон лет, доступный в выпадающем списке)

Проверьте здесь для полной справки: http://api.jqueryui.com/datepicker/