这篇文章主要为大家详细介绍了Bootstrap中datetimepicker的使用方法,一款功能强大的日期选择控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
一款简洁美观、功能强大的日期选择控件。
示例源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="bootstrap-datetimepicker.css">
<script src="jquery-2.1.4.min.js"></script>
<script src="bootstrap.js"></script>
<script src="bootstrap-datetimepicker.js"></script>
<script src="bootstrap-datetimepicker.zh-CN.js"></script>
</head>
<body>
<input type="text">
<script type="text/javascript">
$("input").datetimepicker({
language:"zh-CN",
format:"yyyy-mm-dd",
minView:"2"
});
</script>
</body>
</html>
演示地址:http://www.justforuse.cn/datetimepicker/
效果图:
如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:
Bootstrap学习教程
Bootstrap实战教程
Bootstrap Table使用教程
Bootstrap插件使用教程
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。 |