我正在嘗試創建一個時間滑塊，范圍從上午 6:00 到下午 18:00，每 30 分鐘（6:00、6:30、7:00 等）標記一次。問題是 Ion Range 上的 pin 格式僅顯示整數，我還沒有真正弄清楚如何將其轉換為時間范圍。
到目前為止，這是我的代碼，Pin 格式化程式：
const customFormatter = (value: Date) => `${value}%`;
離子范圍：
<div className="container">
<IonRange min={6} max={18} dual-knobs={true} step={0.5} ticks={true} pin-formatter={customFormatter} pin snaps dualKnobs={true} color="primary">
</IonRange>
<div className="tickmarks">
<p>6:00</p>
<p>6:30</p>
{/*... hours as labels here to appear underneath the slider*/}
</div>
</div>
提前致謝！
uj5u.com熱心網友回復：
正如我的評論中提到的，您的自定義格式化程式不正確。
這是一個stackblitz，它顯示了您需要的基本方法。
customFormatter(value: number): string {
const myValue = value.toString();
if (myValue.indexOf('.5') === -1) {
return `${myValue}:00`;
} else {
return `${myValue.split('.')[0]}:30`;
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/470819.html
上一篇：將7或8位數字轉換為R中的日期