jQuery - 移动日期选择器控件

Question

有没有适用于jQuery Mobile的日期选择器控件？

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

- Satch3000

---

实验性日历的不幸之处在于他们正在重构它，因此更改可能会很大。 - user603714

我有些困惑。我正在寻找一个日历（可以按周、日、时间等显示活动），而不是一个日期选择器。然而，包括被接受的答案在内的所有答案都提供了日期选择器。但“需要能够本地保存日期”这一要求表明需要实际的日历，而不仅仅是日期选择器，所以这里到底发生了什么？！ - Stefan Paul Noack

Answer 1

这里有一个具有一些不错功能的选项：

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

- Donovan Woodside

---

我正在使用这个并且效果很好。在 JQM 网站上的那一个有一些问题：http://jquerymobile.com/test/experiments/ui-datepicker/ - Phill Pafford

我不喜欢这个日历的唯一问题是强制使用 mm/dd/yyyy 日期格式导致它崩溃了。 - tomdemuyt

Answer 2

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

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

- Tim

---

非常有趣... 你有什么想法或者方法可以在日期上创建注释并保存它们吗？ - Satch3000

是的，您将能够在日期上创建注释。如果它告诉您点击了什么 - 那么问题在哪里？ - naugtur

链接已经失效，新的链接（在Github上）是https://github.com/filamentgroup/jQuery-Mobile-Themed-DatePicker。 - tomdemuyt

Answer 3

我正在开发一个 PhoneGap 应用程序，需要日期选择器/日历功能：

基本上，在你的页面上，你需要添加带有 CSS 和 JavaScript 代码的 jQuery Mobile 的 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});
});

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

- tosha Shah

Answer 4

如果您需要日历视图，请查看日历控件

它可以使用日期和时间微调器（仅限日历也可行）。如果您需要，它还可以与jQuery Mobile主题集成。

- Levi Kovacs

Answer 5

当我在寻找一个可用于移动设备的日期选择器时，我发现了一个（通过stackoverflow：https://dev59.com/1E7Sa4cB1Zd3GeqP2ljw#3023446），它可以与jQuery和ui主题一起使用。我将其添加为答案，因为它可能是值得考虑的，因为它根植于功能性的思想。它具有其他选择器中没有的选项，我认为我可以很好地将其融入响应式/移动设计中。如果我最终使用它，我会更新我的进度。

从他们的网站http://www.ama3.com/anytime/上看，下面的描述比我更能概括它。它也是根据创意共享许可证授权的。

首先，看看这些日期/时间替代方案：

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

那么看看这些样式选择：

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

- amurrell

Answer 6

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

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

- tomasantonj

---

冗余的答案...它与被接受的答案相同，并且在此答案给出之前已经回答了一年多。 - saluce