在Primeng Schedule中設置開始/結束時間

我想採用Primeng Schedule組件https://www.primefaces.org/primeng/#/schedule，我正在尋找一個「豐富的」事件詳細信息編輯器對話框的示例。 Primeng'Event Details'彈出式樣本僅顯示事件的日期'yyyy-MM-dd'，我還需要能夠設置/編輯事件開始和結束時間。在Primeng Schedule中設置開始/結束時間

本着'幹'的精神，我相信這一定是在別人面前完成的！任何人都可以指出我可以看到一個工作模型的例子嗎？

我看到有一個基於下面的fullcalender jquery組件的較舊的示例，可以在這裏進行角度升級： https://www.alinous.org/web-developer/design-pattern/fullcalendar/。如果沒有一切，我想我可以從那開始。

來源

2017-08-14 Mark D.

固定鏈接。 https://www.primefaces.org/primeng/#/schedule –

確定 - 刪除了primefaces標記。 –

謝謝，刪除評論（這也是） – Kukeltje

好的 - 我現在可以回答我自己的問題。

可以通過添加showTime屬性並將其值設置爲「true」來更新p對話框HTML示例代碼中的嵌入式p日曆組件。

來源爲樣本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>

來源

2017-08-15 17:06:47

在Primeng Schedule中設置開始/結束時間

回答

相關問題