datepicker datetimepicker

最新推荐文章于 2023-07-24 18:25:13 发布

原创最新推荐文章于 2023-07-24 18:25:13 发布 · 382 阅读

0 ·

CC 4.0 BY-SA版权

bootstrap 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用Bootstrap Datepicker实现日期选择功能的例子。通过整合Bootstrap框架和jQuery，此示例展示了如何为HTML输入框添加日期选择器，并设置了日期显示格式为月-日-年。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://www.eyecon.ro/bootstrap-datepicker/

example:

<html>
<head>
<title> Date time picker </title>
<link href="../bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="css/datepicker.css" rel="stylesheet" />
<script src="../jquery-2.1.3.min.js"></script>
<script src="../bootstrap-3.3.4-dist/js/bootstrap.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

</head>
<body>
<div class="container">
  <div class="hero-unit">
    <input type="text" id="example1" placeholder="click to show datepicker"></input>
  </div>
</div>
<script type="text/javascript">
  $(document).ready(function() {
    $('#example1').datepicker({
      format: "mm-dd-yyyy"
    });
  });
</script>
</body>
</html>