Laydate 時(shí)間選擇器

作者:辰風(fēng)沐陽(yáng) 閱讀:348 發(fā)布時(shí)間:2025-03-18 上次更新:2025-03-21

1. 時(shí)間選擇隱藏秒


laydate 時(shí)間選擇器,默認(rèn)是選擇時(shí)分秒的,現(xiàn)有需求:只顯示時(shí)分選擇即可,不選擇秒

https://blog.csdn.net/lwkliuwenkang/article/details/130973305

  1. laydate.render({
  2. elem: '#start_time'
  3. ,type: 'time'
  4. ,format: 'HH:mm'
  5. ,trigger : 'click'
  6. });
  1. /* 設(shè)置起止時(shí)間選擇只展示時(shí)分,隱藏秒那一列 */
  2. .laydate-time-list {
  3. padding-bottom: 0;
  4. overflow: hidden;
  5. }
  6. .laydate-time-list > li {
  7. width: 50% !important;
  8. }
  9. .laydate-time-list > li:last-child {
  10. display: none;
  11. }
  12. .laydate-time-list ol li {
  13. width: 100% !important;
  14. padding-left: 0 !important;
  15. text-align: center !important;
  16. }

2. 日期時(shí)間選擇隱藏秒


日期時(shí)間選擇器默認(rèn)選擇:年、月、日、時(shí)、分、秒,現(xiàn)有需求是隱藏秒的選擇

將 format 參數(shù)設(shè)置為 yyyy-MM-dd HH:mm,在 ready 事件中通過(guò) dom 操作禁用秒選項(xiàng)的選項(xiàng)

  1. // 日期時(shí)間選擇器
  2. laydate.render({
  3. elem: '#start_time',
  4. type: 'datetime',
  5. format: 'yyyy-MM-dd HH:mm',
  6. ready: function() {
  7. $('.laydate-time-list>li:last-child').hide(); // 隱藏秒選項(xiàng)
  8. }
  9. });

通過(guò) css 樣式隱藏秒選項(xiàng)

  1. .laydate-time-list {
  2. padding-bottom: 0;
  3. overflow: hidden;
  4. }
  5. .laydate-time-list>li {
  6. width: 50% !important; /* 調(diào)整時(shí)分選項(xiàng)寬度 */
  7. }
  8. .laydate-time-list>li:last-child {
  9. display: none !important; /* 隱藏秒選項(xiàng) */
  10. }

標(biāo)簽: Layui