JQuery - Мобильный контроль выбора даты

Есть ли элемент управления выбора даты, который я мог бы использовать на jQuery Mobile?

Он должен иметь возможность сохранять даты локально и т.д.

Ответ 3

Я разрабатываю приложение PhoneGap и где мне нужны возможности datepicker/calender:

В основном на вашей странице вы добавляете algon с CSS и кодом JavaScript для jQuery Mobile:

<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css" />

<div data-role="content">
    <input name="myminutesdate" id="myminutesdate" type="date" data-role="datebox"
           data-options='{"mode": "calbox","dateFormat":"%m/%d/%Y","calUsePickers": true, "calNoHeader": true,"highDates": ["2012-12-07" , "2012-07-12"] }' ></input>

Самое главное:

$("#minutesPage").live('pageshow',function(event) {
    var today = new Date();

    var date = today.getDate();
    var month = (today.getMonth()+1);
    var year = today.getFullYear();

    var todayStr = month+"/"+date+"/"+year;
    $('#myminutesdate').trigger('datebox', {'method':'set', 'value':todayStr});
});

Кроме того, если вы не хотите всплывать, вы можете сделать его статическим.

Ответ 4

Для просмотра календаря взгляните на Управление календарями

Он работает с или без времени и времени (только календарь возможен). Он также интегрируется с jQuery Mobile Themes, если вы ищете это.

Ответ 5

В то время как я искал выбор даты для использования на мобильных устройствах, я нашел один (через stackoverflow: fooobar.com/questions/320764/...), который работает с jQuery и ui theming, Я добавляю это в качестве ответа, потому что это может быть полезно рассмотреть, потому что это связано с идеей функциональности. У него есть варианты, которые я не видел с другими сборщиками, и я думаю, что я могу неплохо включить его в отзывчивый/мобильный дизайн. Я буду обновлять свой прогресс, если я в конечном итоге его использую.

На своем веб-сайте http://www.ama3.com/anytime/ описание ниже суммирует его лучше, чем я могу. Он также лицензируется в соответствии с Creative Commons.

Для начала взгляните на эти АЛЬТЕРНАТИВЫ DATE/TIME:

12-hour or 24-hour clock
custom date/time format (countless possibilities, including JSON and XML)
date-only, time-only, or specific fields!
date/time range limits
era-selection (BCE/CE, BC/AD, etc.)
start week on any day (Sunday, Monday, etc.)
custom base for 2-digit years (1900, 2000, etc.)
UTC offsets and time zones

Затем просмотрите эти STYLING CHOICES:

custom labels/languages
custom CSS styles
jQuery UI Theming
jQuery UI Theme Switcher
jQuery ThemeRoller
pop-up or always-present picker
visible or hidden field

Он также ПРОГРАММА-ДРУЗЬЯ:

easy to implement
easy AJAX validation
easy Date/String conversion, including JSON and XML
create multiple pickers at once
easy removal 
easy to extend

И не забывайте о тех ВОЗМОЖНОСТЯХ ИСПОЛЬЗОВАНИЯ:

single-click value selection
double-click select-and-dismiss
WAI-ARIA 1.0 keyboard accessibility
em-based relative-size