Jquery timepicker 設定問題

jquery timepicker

rong105100313 2022-01-28 09:48:43 ‧ 1711 瀏覽

分享至

請問一下 Jquery timepicker

$(".timepicker").timepicker({
        timeFormat: "h:mm p", // 時間隔式
        interval: 30, //時間間隔
        minTime: "08:00am", //最小時間
        maxTime: "15:00pm", //最大時間
        defaultTime: "06", //預設起始時間
        startTime: "01:00", // 開始時間
        dynamic: true, //是否顯示項目，使第一個項目按時間順序緊接在所選時間之後
        dropdown: true, //是否顯示時間條目的下拉列表
        scrollbar: true //是否顯示捲軸
    });

要如何將中間的 12點移除/(跳過)

只要保留上述寫的 8點~15點呢?

可到這裡測試 ↓
線上測試

如何將 12:00 12:30 移除在選單呢?

froce iT邦大師 1 級 ‧ 2022-01-28 21:38:47 檢舉

https://xdsoft.net/jqplugins/datetimepicker/

用這個吧，你選的這套件功能太少，開放的事件也只有change，除非自己改源碼要不然應該沒辦法。

archer9080 iT邦研究生 3 級 ‧ 2022-02-23 14:04:58 檢舉

試試

$(".timepicker").click(function(){
$(".ui-timepicker-viewport > .ui-menu-item > .ui-corner-all").each(function(){
if($(this).text() == '12:00 PM' || $(this).text() == '12:30 PM'){
$(this).parent().remove();
}
});
});

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

咖咖拉

iT邦好手 1 級 ‧ 2022-01-28 15:49:20

這樣的UI為什麼不選擇用select?

 <select>
  <option value="" disabled selected>Choose your option</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
 </select>

回應
分享
檢舉

登入發表回應

qaz11226633

iT邦新手 4 級 ‧ 2022-01-28 16:18:48

有個思路不知可不可行
等待DOM載完後
去尋找li
把你不要的刪除
這樣應該可以

回應
分享
檢舉

登入發表回應

qpalzm

iT邦研究生 5 級 ‧ 2022-01-28 17:22:24

    $(document).ready(function () {
        $("li").each(function (index) {
            if ($(this).text()==='12:00' || $(this).text()==='12:30'){
                $(this).remove();
            }
        });
    });

不知道這樣是不是您要的