gpt4 book ai didi

jquery - Bootstrap datepicker的index.html具体例子

转载 作者:行者123 更新时间:2023-12-01 00:51:24 24 4
gpt4 key购买 nike

我一定是个白痴。我一直在尝试获取 bootstrap datepicker工作几个小时却没有成功。我需要在index.html 中写什么来建立一个简单的日期选择器?

<html>
<head><title>A concrete example I will upload to github for future people</title>

<!-- What exactly do I need to include here? There's /js/bootstrap-datepicker.js -->

</head>
<body>

Datepicker:
<!-- The documentation says <input type="text" type="text" class="form-control"> -->

</body></html>

步骤

  1. 创建 Node.js 服务器并将 github 克隆到“public”文件夹中
  2. cd 到 datepicker 文件夹并进行 npm install。确保安装了 grunt-cli。
  3. 使用 Stack Overflow 上的英雄慷慨提供的代码创建 index.html 文件,我们非常感谢他。

最佳答案

或者,您可以:

  1. 下载 zip 文件
  2. 将 bootstrap-datepicker.js 和 datepicker3.css 文件复制到您的 bootstrap 项目
  3. 将文件链接到您的页面
  4. 添加输入并使用数据属性 <input data-provide="datepicker">或者调用日期选择器的js方法$('.datepicker').datepicker()

文档中有许多有关设置日期范围等内容的其他详细信息。http://bootstrap-datepicker.readthedocs.org/en/release/

你具体在哪里陷入困境?

编辑:它可以像这样基本:

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="plugins/bootstrap-datepicker-master/css/datepicker3.css">
</head>

<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<input data-provide="datepicker">
</div>
</div>
</div>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="plugins/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="plugins/bootstrap-datepicker-master/js/bootstrap-datepicker.js"></script>
</body>
</html>

关于jquery - Bootstrap datepicker的index.html具体例子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23790700/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com