<!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
基于springboot的高校社团管理系统源码+数据库（毕业设计）.zip （1952个子文件） 
adminlte.css 770KB adminlte.min.css 671KB adminlte.core.css 385KB adminlte.core.min.css 327KB adminlte.plugins.css 195KB adminlte.plugins.min.css 176KB adminlte.components.css 140KB adminlte.components.min.css 126KB bootstrap.min.css 118KB all.css 71KB fontawesome.css 69KB all.min.css 57KB fontawesome.min.css 56KB bootstrap-4.css 43KB 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 bootstrap-4.min.css 34KB jsgrid-theme.css 34KB flag-icon.min.css 33KB jsgrid-theme.min.css 33KB jquery-ui.min.css 31KB sweetalert2.css 30KB summernote-lite.css 29KB summernote-lite.min.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 summernote-bs4.css 20KB summernote.css 19KB bootstrap-switch.min.css 19KB OverlayScrollbars.min.css 19KB summernote-bs4.min.css 19KB summernote.min.css 19KB jquery-ui.structure.css 18KB jquery-ui.theme.css 18KB adminlte.extra-components.min.css 18KB 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 style.css 10KB bootstrap-slider.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 svg-with-js.css 8KB daterangepicker.css 7KB adminlte.pages.css 7KB toastr.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 pace-theme-bounce.css 5KB pace-theme-bounce.css 5KB pace-theme-bounce.css 5KB pace-theme-bounce.css 5KB共 1952 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
Nanamiyy2023-04-19资源内容总结地很全面，值得借鉴，对我来说很有用，解决了我的燃眉之急。- lijian9812023-01-04怎么能有这么好的资源！只能用感激涕零来形容TAT...
- 天天好心情1112023-02-19资源有一定的参考价值，与资源描述一致，很实用，能够借鉴的部分挺多的，值得下载。
