輸入格式

Question

我正在使用input type="number"來允許用戶在帖子上放置持續時間。格式爲days hours:minutes:seconds，後端提供格式。

我需要做的是將該格式提供給輸入。這可能嗎？

Answer 1

如果你有jQuery，然後看看：

http://jonthornton.github.io/jquery-timepicker/

Answer 2

您可以使用模式輸入文本類型：

<form> 
 
<input type="text" pattern="^\d{1,3} \d{1,2}:\d{1,2}:\d{1,2}$" placeholder="days hours:minutes:seconds"/> 
 
    <input type="submit"/> 
 
</form>

它將驗證文本使用1-3位數字的天和1-2小時分鐘和秒。

您還可以使用jQuery限制沒有數字和冒號和空間打字：

$(function() { 
 
    $('input').keydown(function(e) { 
 
     console.log(e.which); 
 
     if (!((e.which >= 48 && e.which <= 57) || (e.which == 186 && e.shiftKey) || e.which == 32)) { 
 
      return false; 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="text" pattern="^\d{1,3} \d{1,2}:\d{1,2}:\d{1,2}$" placeholder="days hours:minutes:seconds"/> 
 
    <input type="submit"/> 
 
</form>

Answer 3

你也可以使用

<input type="datetime">