Как реализовать календарь в HTML?

Question

У меня есть веб-приложение, которое использует HTML и Javascript. Я хочу создать текстовое поле, которое позволяет пользователю ввести ключевое слово и отправить его. Мне также нужен маленький значок календаря рядом с текстовым полем, чтобы пользователь мог щелкнуть по нему, чтобы открыть календарь, выбрать дату в качестве ключевого слова и затем отправить его.

Я пытался реализовать Jcalendar и DatePicker, но не смог заставить ни одного работать.

Есть ли что-то, что я могу использовать, чтобы удовлетворить мои потребности? Спасибо!

Answer 1

Самый простой способ - это JQuery's Date Picker . Одна строка кода .... сделано.

<script type="text/javascript">
$( "#datepicker" ).datepicker();
</script>

Answer 2

Посмотрите здесь:

http://www.tripwiremagazine.com/2011/10/jquery-calendar-date-pickers.html

Номер 10 выглядит так, как вам нужно: http://codecanyon.net/item/jquery-date-range-picker/full_screen_preview/261519?ref=themespotters&ref=themespotters&clickthrough_id=42454046&redirect_back=true

Answer 3

Посмотрите на календарь jQuery UI с иконкой-триггером.

Чтобы иконка активировала календарь, это было бы примерно так:

<script type="text/javascript">
    $(function() {
        $( "#idOfYourInput" ).datepicker({
            showOn: "button",
            buttonImage: "images/calendar.gif",
            buttonImageOnly: true
        });
    });
</script>

Answer 4

Что-то вроде этого?

http://jqueryui.com/demos/datepicker/

Answer 5

Попробуйте JQuery UI DatePicker

http://jqueryui.com/demos/datepicker/

Answer 6

Проверьте средство выбора даты jQueryUI: http://jqueryui.com/demos/datepicker/