<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Date Range Picker — JavaScript Date & Time Picker Library</title>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.2.1/trianglify.min.js"></script>
<script type="text/javascript" src="daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="daterangepicker.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<script src="website.js"></script>
<link rel="stylesheet" type="text/css" href="website.css" />
<meta name="google-site-verification" content="1fP-Eo9i1ozV4MUlqZv2vsLv1r7tvYutUb6i38v0_vg" />
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark" style="padding: 0; justify-content: space-between">
<div class="container">
<ul class="navbar-nav">
<li class="nav-item" style="padding-left: 0"><a class="nav-link" href="/" style="color: #eeeeee"><i class="fa fa-calendar"></i> Date Range Picker</a></li>
</ul>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="https://www.improvely.com" style="color: #33beff"><i class="fa fa-chart-bar"></i> Improvely</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.w3counter.com" style="color: #ff9999"><i class="fa fa-chart-pie"></i> W3Counter</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.websitegoodies.com" style="color: #f49a16"><i class="fa fa-wrench"></i> Website Goodies</a></li>
</ul>
</div>
</nav>
<div id="jumbo">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<h1 style="margin: 0 0 10px 0">Date Range Picker</h1>
<p style="font-size: 18px; margin-bottom: 0">
A JavaScript component for choosing date ranges,
dates and times.
</p>
</div>
<div class="col-md-6 col-sm-12" style="text-align: right; padding-right: 0">
<div style="margin-bottom: 10px; margin-right: 15px">
<a href="https://github.com/dangrossman/daterangepicker" class="btn btn-light"><i class="fab fa-github-alt"></i> View on GitHub</a>
<a href="https://github.com/dangrossman/daterangepicker/archive/master.zip" class="btn btn-success"><i class="fas fa-download"></i> Download ZIP</a>
</div>
<div style="margin-right: 0px">
<iframe src="https://ghbtns.com/github-btn.html?user=dangrossman&repo=daterangepicker&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=dangrossman&repo=daterangepicker&type=watch&count=true&size=large&v=2" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=dangrossman&repo=daterangepicker&type=fork&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="padding: 0 30px" id="main">
<div class="row">
<div class="leftcol d-none d-lg-block d-xl-block">
<div id="menu" class="list-group" style="margin-bottom: 10px">
<a class="list-group-item" href="#usage">Getting Started</a>
<a class="list-group-item" href="#examples">Examples</a>
<a class="list-group-item" href="#options">Options, Methods & Events</a>
<a class="list-group-item" href="#config">Configuration Generator</a>
<a class="list-group-item" href="#license">License & Comments</a>
</div>
<div style="width: 300px; min-width: 300px">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- DRP Responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-9095657276960731"
data-ad-slot="8963174596"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class="rightcol">
<p>Originally created for reports at <a href="https://www.improvely.com">Improvely</a>, the Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or predefined ranges like "Last 30 Days".</p>
<a style="display: block; height: 300px; background: url('drp.png') top right no-repeat; background-size: cover; border: 1px solid #ccc; margin-bottom: 30px" href="https://awio.iljmp.com/5/drpdemo" title="Click for a Live Demo"></a>
<h1><a id="usage" href="#usage">Getting Started</a></h1>
<p>
To get started, include jQuery, Moment.js and Date Range Picker's files in your webpage:
</p>
<script src="https://gist.github.com/dangrossman/4879503153c6a7a0b3b6ebd64e0383b7.js"></script>
<p style="margin-bottom: 10px">
Then attach a date range picker to whatever you want to trigger it:
</p>
<div class="row">
<div class="col-8">
<label>Code:</label>
<script src="https://gist.github.com/dangrossman/f460cf1243d8ffb08c749730e89c2f3d.js"></script>
</div>
<div class="col-4">
<label>Produces:</label>
<input type="text" name="dates" class="form-control pull-right" />
<script>
$(function() {
$('input[name="dates"]').dater
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
Linux运维监控工具,支持系统硬件信息,内存,cpu,温度,磁盘空间及IO,硬盘smart,系统负载,网络流量等监控,服务接口,大屏展示,拓扑图,进程监控,端口监控,docker监控,文件防篡改,日志监控,数据可视化,web ssh,堡垒机,指令下发批量执行,Linux面….zip 适合学习/练手、毕业设计、课程设计、期末/期中/大作业、工程实训、相关项目/竞赛学习等。 项目具有较高的学习借鉴价值,也可直接拿来修改复现。可以在这些基础上学习借鉴进行修改和扩展,实现其它功能。 可放心下载学习借鉴,你会有所收获。 —— 对于学习和实践,选择合适的项目和资源确实是一种有效的方式。 在进行毕业设计、课程设计或大作业时,选择具备学习借鉴价值的项目可以帮助你理解和应用所学知识,同时也可以通过修改和扩展来实现其他功能。 通过参与实际项目,你可以应用所学的理论知识,深入了解软件开发或其他领域的实践流程和技术要求。 可放心下载学习借鉴,你会有所收获。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。
资源推荐
资源详情
资源评论
收起资源包目录
Linux运维监控工具,支持系统硬件信息,内存,cpu,温度,磁盘空间及IO,硬盘smart,系统负载等 (2000个子文件)
start.bat 72B
start.bat 71B
adminlte.css 680KB
adminlte.min.css 589KB
adminlte.core.css 317KB
adminlte.core.min.css 265KB
adminlte.plugins.css 180KB
adminlte.plugins.min.css 162KB
atmosfero.css 151KB
adminlte.components.css 135KB
bootstrap.min.css 130KB
adminlte.components.min.css 122KB
components.css 73KB
all.css 70KB
fontawesome.css 67KB
all.min.css 56KB
fontawesome.min.css 54KB
ionicons.min.css 54KB
bootstrap-4.css 42KB
v4-shims.css 40KB
flag-icon.css 37KB
jquery-ui.css 36KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
pace-theme-material.css 34KB
jsgrid-theme.css 34KB
bootstrap-4.min.css 33KB
flag-icon.min.css 33KB
jsgrid-theme.min.css 33KB
jquery-ui.min.css 31KB
font-awesome.min.css 30KB
sweetalert2.css 29KB
summernote-lite.css 28KB
main.css 27KB
v4-shims.min.css 26KB
sweetalert2.min.css 24KB
bootstrap-switch.css 23KB
OverlayScrollbars.css 23KB
adminlte.extra-components.css 21KB
bootstrap-switch.min.css 19KB
OverlayScrollbars.min.css 19KB
jquery-ui.structure.css 18KB
summernote.css 18KB
jquery-ui.theme.css 18KB
summernote-bs4.css 18KB
adminlte.extra-components.min.css 17KB
select2.css 17KB
jquery-ui.structure.min.css 15KB
select2.min.css 15KB
icheck-bootstrap.css 14KB
main.min.css 14KB
jquery-ui.theme.min.css 14KB
ion.rangeSlider.css 13KB
icheck-bootstrap.min.css 12KB
bootstrap-colorpicker.css 11KB
ion.rangeSlider.min.css 11KB
bootstrap-slider.css 10KB
fonts.googleapis.css 10KB
bootstrap-colorpicker.min.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
pace-theme-loading-bar.css 9KB
bootstrap-slider.min.css 9KB
tempusdominus-bootstrap-4.css 9KB
tempusdominus-bootstrap-4.min.css 9KB
fix.css 8KB
svg-with-js.css 8KB
daterangepicker.css 7KB
toastr.css 7KB
adminlte.pages.css 7KB
main.css 7KB
ekko-lightbox.css 7KB
toastr.min.css 6KB
svg-with-js.min.css 6KB
bootstrap-switch.css 6KB
adminlte.pages.min.css 6KB
select2-bootstrap4.css 6KB
dataTables.bootstrap4.css 6KB
bootstrap-switch.min.css 5KB
dataTables.bootstrap4.min.css 5KB
select2-bootstrap4.min.css 5KB
pace-theme-bounce.css 5KB
pace-theme-bounce.css 5KB
pace-theme-bounce.css 5KB
pace-theme-bounce.css 5KB
pace-theme-bounce.css 5KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
阿齐Archie
- 粉丝: 9968
- 资源: 2300
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功