【问题标题】:jQuery - Mobile date picker control [closed]jQuery - 移动日期选择器控件 [关闭]
【发布时间】:2011-07-29 19:33:46
【问题描述】:

是否有可以在 jQuery Mobile 上使用的日期选择器控件?

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

【问题讨论】:

  • 对实验日历的不幸想法是他们正在重构它,因此更改可能很重要。
  • 我很困惑。我发现这个问题正在寻找 日历 (按周、日、时间等显示事件)而不是日期选择器:答案,包括接受的答案提供,提供日期选择器,尽管。但是“需要能够在本地保存日期​​等” requirements 表示一个实际的日历,而不仅仅是一个日期选择器,那么这里发生了什么?!

标签: javascript html jquery-mobile datepicker


【解决方案1】:

这是一个有一些很好的功能:

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

【讨论】:

【解决方案2】:

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

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

【讨论】:

  • 非常有趣......有什么想法/如果我能够在日期上创建注释并保存它们?
  • 是的,您将能够在日期上创建注释。如果它告诉您点击了什么 - 问题出在哪里?
  • 链接已损坏,新链接(在 github 上)为 github.com/filamentgroup/jQuery-Mobile-Themed-DatePicker
【解决方案3】:

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

基本上在您的页面上添加带有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});
});

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

【讨论】:

    【解决方案4】:

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

    它可以使用或不使用日期和时间微调器(仅限日历)。如果您正在寻找它,它还与 jQuery Mobile 主题集成。

    【讨论】:

      【解决方案5】:

      当我在寻找可在移动设备上使用的日期选择器时,我发现了一个(通过 stackoverflow:https://stackoverflow.com/a/3023446/2100636)可以与 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
      

      【讨论】:

        【解决方案6】:

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

        DateBox 非常整洁,适合那些还在寻找的人。

        【讨论】:

        • 冗余答案...和接受的答案一样,在给出这个答案前一年多才回答。
        猜你喜欢
        • 1970-01-01
        • 2022-07-23
        • 1970-01-01
        • 2010-11-17
        • 1970-01-01
        • 1970-01-01
        • 2019-09-28
        • 1970-01-01
        相关资源
        最近更新 更多