Bootstrap中datetimepicker使用小结

时间:2020-05-15 justforuse 人气:0

一款简洁美观、功能强大的日期选择控件。

示例源码：

<!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.cnhttps://img.qb5200.com/download-x/datetimepicker/

效果图：

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

加载全部内容