Question

我可以在jQuery Mobile上使用日期选择器控件吗？

它需要能够在本地保存日期等。

Answer 1

这是一个具有一些良好能力的人：

http://dev.jtsage.com/jQM-DateBox/

Answer 2

有一个实验日历。我成功地使用了它。

看看这里： http://jquerymobile.com/test/experiments/ui-datepicker/

Answer 3

我正在开发一个PhoneGap应用程序，我需要datepicker / calender功能：

基本上在您的网页上添加了jQuery Mobile的CSS和JavaScript代码algon：

<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});
});

另外，如果您不想要弹出窗口，可以将其设置为静态。

Answer 4

要查看日历视图，请查看Calendar Control

无论是否使用日期和时间微调器都可以使用（仅限日历）。它还与jQuery Mobile Themes集成，如果你正在寻找它。

Answer 5

当我在搜索要在移动设备上使用的日期选择器时，我发现了一个（通过stackoverflow：https://stackoverflow.com/a/3023446/2100636）可以使用jQuery和ui主题。我正在添加这个作为答案，因为它可能是好的考虑因为它根植于功能的想法。它有我没有看到其他选择器的选项，我想我可以将它很好地融入响应式/移动设计中。如果我最终使用它，我会更新我的进度。

从他们的网站http://www.ama3.com/anytime/，下面的描述总结得比我好。它还获得了Creative Commons的许可。

对于初学者，请看一下这些日期/时间的替代方案：

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

Answer 6

http://dev.jtsage.com/jQM-DateBox/

DateBox非常整洁，适合那些仍在寻找的人。

jQuery - 移动日期选择器控件

6 个答案: