Как показать календарь в текстовом поле нажмите в html

В html я хочу показать календарь, чтобы выбрать дату, а щелкнуть текстовое поле. затем мы выбираем дату из этого календаря, тогда выбранная дата будет отображаться в текстовом поле ,.

ОТВЕТЫ

Ответ 1

Начиная с HTML5, <input type="date" /> будет отлично работать.

Демо: http://jsfiddle.net/8N6KH/

Ответ 2

Вы должны прочитать jQueryUI Datepicker

Как только вы включите соответствующую библиотеку пользовательского интерфейса jQuery, она будет такой же простой, как

Script:

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

HTML:

<input type="text" id="datepicker" />

Плюсы:

  • он тщательно протестирован на совместимость с x-браузером, поэтому у вас не будет проблем.
  • Разделите файл css, чтобы вы могли настроить его по своему вкусу.

Ответ 3

попробуйте использовать jquery-ui

<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

<script>   
    $(function() {
         $( "#calendar" ).datepicker();   
    }); 
</script>

<p>Calendar: <input type="text" id="calendar" /></p>

больше

Ответ 4

Вам нужно будет использовать любой вид календаря javascript html.

попробуйте этот вид виджетов календаря, просто скопируйте-вставьте некоторый код, показанный в примере там, и вот что вам нужно.

Вот ссылка на окно даты JQuery Mobile - JQM datebox

Ответ 5

Да, вы столкнетесь с различными проблемами, используя HTML5 datepicker, он будет работать с некоторыми или может и не быть. Я столкнулся с той же проблемой. Пожалуйста, проверьте это DatePicker Demo, я решил проблему с этим плагином. Его очень хороший и гибкий плагин datepicker с полной демонстрацией. Он полностью совместим с мобильными браузерами и может быть также интегрирован с jQuery mobile.

Ответ 7

HTML Выбор даты Вы можете ссылаться на this.

Ответ 8

В jQuery Mobile также есть дампикер. Источник

Просто включите следующие файлы,

  <script src="jQuery.ui.datepicker.js"></script>
  <script src="jquery.ui.datepicker.mobile.js"></script>