Primefaces 滑块更改日期

Question

我需要显示一个更改日期并在标签中显示所选日期的滑块。 此滑块应具有开始日期和结束日期，因此用户只能在两者之间进行更改，并且步长为一天。

<h:outputText value="Selected Date: " />
<h:outputText id="output" value="#{myBean.sliderValue}" >
    <f:convertDateTime type="date" pattern="#{myBean.dateTimeFormatSeconds}"/>
</h:outputText>
<h:inputHidden id="hiddenDateSliderValue" value="#{myBean.sliderValue}" />
<p:slider for="hiddenDateSliderValue" min="#{myBean.sliderMinValue}" max="#{myBean.sliderMaxValue}" step="#{myBean.sliderStepValue}">
    <p:ajax event="slideEnd" listener="#{myBean.onSlideEnd}" />
</p:slider>

我编写的代码很简单，但只适用于 int 值。有谁知道如何在 p:slider 中使用 long 或 Date 值？我编写的代码很简单，但仅适用于 int 值。有谁知道如何在 p:slider 中使用 long 或 Date 值？

public void onSlideEnd(SlideEndEvent event) {
    event.getValue();
    //The above code returns int, I need long or Date so one of the lines below may work.
    //Date theDate = event.getValue();
    //Date theDate = new Date(event.getValue());
}

有什么想法吗？

Answer 1

我用过这个（没有日期步进，抱歉）。如下所述，这是针对 PrimeNg，而不是 Primefaces。 javascript应该仍然​​可以工作：

 <p-slider [(ngModel)]="cursornum" [min]="cursormin" [max]="cursormax" (onChange)="cursorChange($event)" [style]="{'width':'100%'}" ></p-slider>

和

this.cursormin = new Date().getTime();  //get milliseconds for slider min
this.cursormax = new Date(y, m, d).getTime();//get milliseconds for slider max
this.cursornum = new Date(n.getFullYear(), m + 3, d).getTime();//get milliseconds for slider cursor three months from now

与：

cursorChange(e) {
    this.cursornum = e.value; //get new milliseconds
    this.cursor = new Date(e.value).toDateString(); //convert to date and show as string
}