Slim Time是一个小巧但功能强大的jQuery插件,它简化了文本字段中时间字符串的格式化和验证过程。有了这个jQuery插件,您可以自动确保用户输入的时间格式正确。
1.下载插件并在jquery之后加载jquery.slim_time.min.js。
<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/jquery.slim_time.min.js"></script>
2.调用文本字段上的函数,插件将完成其余操作。
<input type="text" name="time" id="time" />
$(function(){ $('#time').slimTime(); });
3.将时间格式更改为24小时。
$(function(){ $('#time').slimTime({ "default": 24 }); });
4.确定是否包括秒。默认值:false。
$(function(){ $('#time').slimTime({ "seconds": true }); });
5.当文本字段为空时,显示视觉错误反馈。
$(function(){ $('#time').slimTime({ "required": true }); });
.slim-time-error { /* your styles here */ }