Bootstrap中datetimepicker使用小结

仅有尝试过,努力过,坚持过,才能有收获。一分耕耘,一分收获,仅有努力了,才能绽放出成功的花朵。只要功夫深,铁杵磨成针。我相信,只要我朝着这个梦想努力奋斗,坚持不懈,那么,我就必须会成功!

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

示例源码:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title></title>
 <link rel="stylesheet" type="text/css" rel="nofollow noopener noreferrer" href="bootstrap.css">
 <link rel="stylesheet" type="text/css" rel="nofollow noopener noreferrer" 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插件使用好代码教程

以上就是Bootstrap中datetimepicker使用小结。也许要越过青春,才能知道青春是多么自恋的一段时期。更多关于Bootstrap中datetimepicker使用小结请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
bootstrap select2 动态从后台Ajax动态获取数据的代码

MVC遇上bootstrap后的ajax表单验证

浅谈Bootstrap的DatePicker日期范围选择

bootstrap datepicker的基本使用好代码教程

Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结