在 Primeng 计划中设置开始/结束时间答案

【问题标题】：Setting Start / End Time in Primeng Schedule在 Primeng 计划中设置开始/结束时间
【发布时间】：2017-08-14 14:50:56
【问题描述】：

我想采用 Primeng Schedule 组件https://www.primefaces.org/primeng/#/schedule，我正在寻找一个“丰富的”事件详细信息编辑器对话框的示例。 Primeng“事件详细信息”弹出示例仅显示事件的日期“yyyy-MM-dd”，我还需要能够设置/编辑事件的开始和结束时间。

本着“DRY”的精神，我相信这一定是在我之前的其他人完成的！谁能指出我可以看到工作模型的示例？

我看到有一个基于底层 fullcalender jquery 组件的较旧示例，可以在此处升级为 angular： https://www.alinous.org/web-developer/design-pattern/fullcalendar/ 。其他一切都失败了，我想我可以从那开始。

【问题讨论】：

修复了链接。 primefaces.org/primeng/#/schedule
好的 - primefaces 标记已删除。
谢谢，删除了 cmets（这个也是）
来自stackoverflow.com/help/on-topic：“要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题对于 Stack Overflow 来说是无关紧要的，因为它们倾向于吸引自以为是的答案和垃圾邮件。相反，请描述问题以及迄今为止为解决该问题所做的工作。”
感谢 ADyson。我试图“描述问题以及迄今为止为解决该问题所做的工作。”

标签： angular fullcalendar primeng

【解决方案1】：

好的 - 我现在可以回答我自己的问题了。

可以通过添加 showTime 属性并将其值设置为“true”来更新 p-dialog HTML 示例代码中嵌入的 p-calendar 组件以适应这种情况。

可以修改示例 HTML https://github.com/primefaces/primeng/blob/master/src/app/showcase/components/schedule/scheduledemo.html 的源代码以显示时间选择器：

要开始改变这个：

<div class="ui-grid-row">
    <div class="ui-grid-col-4"><label for="start">Start</label></div>
    <div class="ui-grid-col-8"><p-calendar [(ngModel)]="event.start" dateFormat="yy-mm-dd" dataType="string"></p-calendar></div>
</div>

到这里：

<div class="ui-grid-row">
    <div class="ui-grid-col-4"><label for="start">Start</label></div>
    <div class="ui-grid-col-8"><p-calendar [(ngModel)]="event.start" dateFormat="yy-mm-dd" showTime="true" dataType="string"></p-calendar></div>
</div>

【讨论】：