<!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
WGCLOUD基于微服务springboot架构开发，是轻量高性能的分布式监控系统 （2060个子文件） 
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.min.css 9KB tempusdominus-bootstrap-4.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共 2060 条
- 1
- 2
- 3
- 4
- 5
- 6
- 21
资源评论
