Papa Ranjeet Code

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-

57x57.png">
114x114.png">
72x72.png">
144x144.png">
60x60.png">
120x120.png">
76x76.png">
152x152.png">
<link rel="icon" type="image/png" href="/favicon-196x196.png"
sizes="196x196">
sizes="160x160">
sizes="96x96">
sizes="16x16">
sizes="32x32">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<title></title>
<link rel="stylesheet" type="text/css" media="screen"

href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-
awesome/4.3.0/css/font-awesome.min.css">
<link href="./css/prettify-1.0.css" rel="stylesheet">
<link href="./css/base.css" rel="stylesheet">
<link href="//cdn.rawgit.com/Eonasdan/bootstrap-
datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-
datetimepicker.css" rel="stylesheet">


<script type="text/javascript" src="//code.jquery.com/jquery-
2.1.1.min.js"></script>
<script type="text/javascript"
src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-
locales.js"></script>
<script src="//cdn.rawgit.com/Eonasdan/bootstrap-
datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-
datetimepicker.js"></script>
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">

<div class="container">


<div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>


<a class="navbar-brand" href=""></a>
</div>


<div class="navbar-collapse collapse">

<ul class="nav navbar-nav">
<li class="active">
<a href=".">Usage</a>
</li>
<li >
<a href="Installing/">Installing</a>
</li>
<li >
<a href="Functions/">Functions</a>
</li>
<li >
<a href="Options/">Options</a>
</li>
<li >
<a href="Events/">Events</a>
</li>
<li >
<a href="Changelog/">Change Log</a>
</li>
<li >
<a href="ContributorsGuide/">Dev Guide</a>
</li>
<li >
<a href="Extras/">Extras</a>
</li>
<li >
<a href="FAQ/">FAQs</a>
</li>
</ul>


<ul class="nav navbar-nav navbar-right">
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3"><script async type="text/javascript"
src="//cdn.carbonads.com/carbon.js?serve=CK7DC5QN&placement=eonasdangithubio"
id="_carbonads_js"></script>
<div class="bs-sidebar hidden-print affix well" role="complementary"> <ul
class="nav bs-sidenav">
<li class="main active"><a href="#bootstrap-3-datepicker-v4-docs">Bootstrap
3 Datepicker v4 Docs</a></li>
<li><a href="#minimum-setup">Minimum Setup</a></li>
<li><a href="#using-locales">Using Locales</a></li>
<li><a href="#time-only">Time Only</a></li>
<li><a href="#date-only">Date Only</a></li>
<li><a href="#no-icon-input-field-only">No Icon (input field

only):</a></li>
<li><a href="#enableddisabled-dates">Enabled/Disabled Dates</a></li>
<li><a href="#linked-pickers">Linked Pickers</a></li>
<li><a href="#custom-icons">Custom Icons</a></li>
<li><a href="#view-mode">View Mode</a></li>
<li><a href="#min-view-mode">Min View Mode</a></li>
<li><a href="#disabled-days-of-the-week">Disabled Days of the

Week</a></li>
<li><a href="#inline">Inline</a></li>
</ul>
</div></div>
<div class="col-md-9" role="main">
<h1 id="bootstrap-3-datepicker-v4-docs">Bootstrap 3 Datepicker v4 Docs</h1>

<div class="alert alert-info">
<strong>Note</strong>
All functions are accessed via the <code>data</code> attribute e.g. <code>$
('#datetimepicker').data("DateTimePicker").FUNCTION()</code>
</div>
<h3 id="minimum-setup">Minimum Setup</h3>

<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div>
<h4 id="code">Code</h4>
<pre><code><div class="container">
<div class="row">
<span class="glyphicon glyphicon-
calendar"></span>
</span>
</div>
</div>
</div>
$(function () {
});
</script>
</div>
</div>
</code></pre>
<hr />
<h3 id="using-locales">Using Locales</h3>
<div class="row">
</span>
</div>
</div>
</div>
$(function () {
$('#datetimepicker2').datetimepicker({
locale: 'ru'
});
});
</script>
</div>
</div>
<h4 id="code_1">Code</h4>
<div class="row">
calendar"></span>
</span>
</div>
</div>
</div>
$(function () {
locale: 'ru'
});
});
</script>
</div>
</div>
</code></pre>
<hr />
<h3 id="time-only">Time Only</h3>
<div class="row">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>
</div>
$(function () {
format: 'LT'
});
});
</script>
</div>
</div>
<div class="row">
time"></span>
</span>
</div>
</div>
</div>
$(function () {
format: 'LT'
});
});
</script>
</div>
</div>
</code></pre>
<hr />
<h3 id="date-only">Date Only</h3>
<div class="row">
<span class="glyphicon glyphicon-time"></span>
</span>
</div>
</div>
</div>
$(function () {
format: 'L'
});
});
</script>
</div>
</div>
<div class="row">
time"></span>
</span>
</div>
</div>
</div>
$(function () {
format: 'LT'
});
});
</script>
</div>
</div>
</code></pre>
<hr />
<h3 id="no-icon-input-field-only">No Icon (input field only):</h3>
<div class="row">
<input type='text' class="form-control" id='datetimepicker4' />
</div>
$(function () {
});
</script>
</div>
</div>
<pre><code>
<div class="row">
<input type='text' class="form-control"
id='datetimepicker4' />
</div>
$(function () {
});
</script>
</div>
</div>
</code></pre>
<hr />
<h3 id="enableddisabled-dates">Enabled/Disabled Dates</h3>
<div class="row">
</span>
</div>
</div>
</div>
$(function () {
defaultDate: "11/1/2013",
disabledDates: [
moment("12/25/2013"),
new Date(2013, 11 - 1, 21),
"11/22/2013 00:53"
]
});
});
</script>
</div>
</div>
<div class="row">
calendar"></span>
</span>
</div>
</div>
</div>
$(function () {
defaultDate: "11/1/2013",
disabledDates: [
moment("12/25/2013"),
new Date(2013, 11 - 1, 21),
"11/22/2013 00:53"
]
});
});
</script>
</div>
</div>
</code></pre>
<hr />
<h3 id="linked-pickers">Linked Pickers</h3>
<div class='col-md-5'>
</span>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
$(function () {
useCurrent: false
});
$("#datetimepicker6").on("dp.change", function (e) {
$('#datetimepicker7').data("DateTimePicker").minDate(e.date);
});
$('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
});
});
</script>
calendar"></span>
</span>
</div>
</div>
</div>
calendar"></span>
</span>
</div>
</div>
</div>
</div>
$(function () {
useCurrent: false //Important! See issue #1075
});
$('#datetimepicker7').data("DateTimePicker").minDate(e.date);
});
$('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
});
});
</script>
</code></pre>
<hr />
<h3 id="custom-icons">Custom Icons</h3>
<div class="col-sm-6" style="height:130px;">
<span class="fa fa-calendar">
</span>
</span>
</div>
</div>
</div>
$(function () {
icons: {
time: "fa fa-clock-o",
date: "fa fa-calendar",
up: "fa fa-arrow-up",
down: "fa fa-arrow-down"
}
});
});
</script>
</div>
<span class="fa fa-calendar">
</span>
</span>
</div>
</div>
</div>
$(function () {
icons: {
time: "fa fa-clock-o",
date: "fa fa-calendar",
up: "fa fa-arrow-up",
down: "fa fa-arrow-down"
}
});
});
</script>
</div>
</code></pre>
<hr />
<h3 id="view-mode">View Mode</h3>
<span class="glyphicon glyphicon-calendar">
</span>
</span>
</div>
</div>
</div>
$(function () {
viewMode: 'years'
});
});
</script>
</div>
</span>
</span>
</div>
</div>
</div>
$(function () {
viewMode: 'years'
});
});
</script>
</div>
</code></pre>
<hr />
<h3 id="min-view-mode">Min View Mode</h3>
</span>
</span>
</div>
</div>
</div>
$(function () {
viewMode: 'years',
format: 'MM/YYYY'
});
});
</script>
</div>
</span>
</span>
</div>
</div>
</div>
$(function () {
viewMode: 'years',
format: 'MM/YYYY'
});
});
</script>
</div>
</code></pre>
<hr />
<h3 id="disabled-days-of-the-week">Disabled Days of the Week</h3>
</span>
</span>
</div>
</div>
</div>
$(function () {
daysOfWeekDisabled: [0, 6]
});
});
</script>
</div>
</span>
</span>
</div>
</div>
</div>
$(function () {
daysOfWeekDisabled: [0, 6]
});
});
</script>
</div>
</code></pre>
<hr />
<h3 id="inline">Inline</h3>
<div style="overflow:hidden;">
<div class="row">
<div class="col-md-8">
<div id="datetimepicker12"></div>
</div>
</div>
</div>
$(function () {
inline: true,
sideBySide: true
});
});
</script>
</div>
<pre><code><div style="overflow:hidden;">
<div class="row">
<div class="col-md-8">
<div id="datetimepicker12"></div>
</div>
</div>
</div>
$(function () {
inline: true,
sideBySide: true
});
});
</script>
</div>
</code></pre></div>
</div>
</div>
<script src="./js/prettify-1.0.min.js"></script>
<script src="./js/base.js"></script>
<script>
if (top != self) { top.location.replace(self.location.href); }
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||
function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new
Date();a=s.createElement(o),
m=s.getElementsByTagName(o)
[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-
analytics.com/analytics.js','ga');
ga('create', 'UA-47462200-1', 'eonasdan.github.io');

ga('send', 'pageview');
</script>
</body>
</html>

Papa Ranjeet Code

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Papa Ranjeet Code

Hochgeladen von

Copyright:

Verfügbare Formate

<!

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-

<link rel="stylesheet" type="text/css" media="screen"

<div class="navbar navbar-default navbar-fixed-top" role="navigation">

<li><a href="#minimum-setup">Minimum Setup</a></li>

<li><a href="#using-locales">Using Locales</a></li>

<li><a href="#time-only">Time Only</a></li>

<li><a href="#date-only">Date Only</a></li>

<li><a href="#no-icon-input-field-only">No Icon (input field

<li><a href="#enableddisabled-dates">Enabled/Disabled Dates</a></li>

<li><a href="#linked-pickers">Linked Pickers</a></li>

<li><a href="#custom-icons">Custom Icons</a></li>

<li><a href="#view-mode">View Mode</a></li>

<li><a href="#min-view-mode">Min View Mode</a></li>

<li><a href="#disabled-days-of-the-week">Disabled Days of the

<h1 id="bootstrap-3-datepicker-v4-docs">Bootstrap 3 Datepicker v4 Docs</h1>

<h3 id="minimum-setup">Minimum Setup</h3>

ga('create', 'UA-47462200-1', 'eonasdan.github.io');

Das könnte Ihnen auch gefallen