当前位置：首页 > 资讯 > 技术文档

Bootstrap中datetimepicker使用小结

时间：2021-10-17 20:44 编辑：来源：阅读：
扫一扫，手机访问

摘要：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>

演示地址：[url=http://www.justforuse.cn/datetimepicker/]http://www.justforuse.cn/datetimepicker/[/url] 效果图： [img]http://files.jb51.net/file_images/article/201612/2016122893003177.jpg?2016112893011[/img] 如果大家还想深入学习，可以点击[url=http://www.1sucai.cn/article/84087.htm]这里[/url]进行学习，再为大家附3个精彩的专题： [url=http://www.1sucai.cn/Special/334.htm]Bootstrap学习教程[/url] [url=http://www.1sucai.cn/Special/769.htm]Bootstrap实战教程[/url] [url=http://www.1sucai.cn/Special/904.htm]Bootstrap Table使用教程[/url] [url=http://www.1sucai.cn/Special/854.htm]Bootstrap插件使用教程[/url] 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：js仿百度切换皮肤功能（html+css）
下一篇：Javascript 实现全屏滚动实例代码

资讯排行榜
更多>>