跳转到主要内容

用于选择日期的类似LinesWidget的Plone组件

项目描述

提供了一个 Archetypes小部件,允许使用花哨的 jquery.ui.datepicker插件 来添加和删除日期

用法

小部件将信息存储到LinesField架构字段中。要使用它,只需在您的架构模式中添加一个类似字段即可

from Products.Archetypes.atapi import LinesField
from rt.calendarinandout.widget import CalendarInAndOutWidget

LinesField(
    'dates',
     widget = CalendarInAndOutWidget(
        label=u"Dates",
        description=u"Enter the dates in the form yyyy-mm-dd.",
        ),
)

然后您就可以开始享受这个小部件了!

配置

您可以使用以下附加的小部件选项

auto_add

不是显示“添加日期”按钮/图标,而是在日历上选择时自动添加日期。默认值为true。

allow_duplicate

允许多次选择相同的日期。默认值为false。

屏幕截图

  • 未选择日期时的小部件

    The widget when no date is selected
  • 数据可以手动输入或点击输入。如果您点击日历,将弹出漂亮的日期选择器

    Data can be entered manually or clicking. If you click the calendar a nice datepicker will popup
  • 点击加号,日期将添加到所选值中,红色十字可以删除日期

    Clicking the plus the date will be added to the selected values, the red cross will remove the date

    您还可以为auto_add选项设置,不显示任何“加号”图标,并在选择日期时将日期添加到列表中。

  • 添加和删除所有需要的日期

    Add and remove all the dates you want
  • 即使禁用JavaScript,小部件仍然完全功能,回退到正常的文本区域,您可以手动插入日期

    With JavaScript disabled the widget is still fully functional
  • 在视图中,日期以无序列表的形式呈现

    In view the dates are rendered as an unordered list

安装

您可以通过在构建配置文件中的eggs和zcml部分添加它,轻松地将rt.calendarinandout包含到您的构建中

eggs=...
     rt.calendarinandout
     ...

然后,重新运行您的构建配置文件,重新启动您的实例并激活rt.calendarinandout插件。

待办事项

  • 完全国际化

  • 添加一个选项来触发客户端对添加的日期格式的验证

  • 为开发者提供了一个控制使用日期格式的方法

  • 一些艺术品将是锦上添花:)

  • 重构JavaScript,不使用全局命名空间

致谢

在以下机构的支持下开发

他们所有人都支持PloneGov倡议

作者

此产品由RedTurtle技术团队开发。

RedTurtle Technology Site

变更日志

1.2.0 (2014-02-19)

支持Plone 4.3,同时弃用Plone 3

  • 安装时激活jQueryUI日期选择器 [keul]

  • 为与Plone 4.3兼容,在产品本身中包含图标 [keul]

  • 所有图像均从网站根目录加载,以便缓存友好 [keul]

  • auto_add的默认值更改为true [keul]

  • HTML清理:删除了导致验证错误的重复id [keul]

  • 修复了可访问性错误:现在可以与小部件一起使用键盘 [keul]

1.1.0 (2013-10-30)

  • 删除了所有对jq的过时引用 [keul]

  • 不再污染全局命名空间 [keul]

  • 修复了禁用选项allow_duplicate [keul]

  • 当使用auto_add选项时,自动清除新的日期字段 [keul]

  • 代码清理

1.0.3 (2012-05-02)

  • 由于迁移到GitHub,Egg更改 [keul]

  • 启用了使用“Enter”键添加日期 [cekk]

1.0.2 (2012-02-23)

  • 修复了在IE上激活小部件的问题 [lucabel]

1.0.1 (2011-10-04)

  • 修复了在同一个模式中存在重复小部件的问题 [amleczko]

1.0.0 (2011-02-07)

  • 不再修复collective.js.jqueryui版本;留待构建中[keul]

  • 移除了“strip”非标准方法,用自定义的“.trim”方法替换[keul]

  • 添加了“auto_add”选项,用于在选中时自动将日期添加到字段中[keul]

1.0.0-rc3 (2010-11-19)

  • 视图中的日期以无序列表形式渲染

  • 添加了文档

1.0.0-rc2 (2010-09-15)

  • 修复了JavaScript docstrings [keul]

  • 移除了未使用的本地化目录 [keul]

  • 移除了未使用的小部件参数“dateformat” [keul]

  • 一些相对URL现在是绝对路径,不会破坏浏览器缓存 [keul]

1.0.0-rc1 (未发布)

  • 初始版本

项目详情


下载文件

下载您平台上的文件。如果您不确定选择哪个,请了解更多关于安装包的信息。

源分布

rt.calendarinandout-1.2.0.zip (29.2 kB 查看哈希值)

上传时间

由以下组织支持

AWSAWS云计算和安全赞助商DatadogDatadog监控FastlyFastlyCDNGoogleGoogle下载分析MicrosoftMicrosoftPSF赞助商PingdomPingdom监控SentrySentry错误日志StatusPageStatusPage状态页面