Login / Join
Datepicker for Bootstrap
submitted on 19/07/2013 by
Codicode
+ infos
Config
Embed
Share
Datepicker for Bootstrap
by
Codicode
Datepicker for Bootstrap, setup a bootstrap datepicker and set the date formatting.
Framework 1 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
Framework 2 :
-- None --
jQuery 2.0.3
jQuery 1.9.1
jQuery 1.9.0
jQuery 1.8.0
jQuery 1.7.1
jQuery 1.6.3
jQuery UI 1.10.3
MooTools 1.4.5
AngularJS 1.0.4
Prototype 1.7.1.0
Dojo 1.8.3
Chrome Frame 1.0.3
Ext Core 3.1.0
SWFObject 2.2
WebFont Loader 1.1.2
+ Js file(s) :
https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.1.2/js/bootstrap-datepicker.min.js
+ Css file(s) :
https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.1.2/css/datepicker.min.css
Apply
Link :
Direct http link :
Fork button :
Html code :
Embed preview :
Copy the following html code to your page to embed the preview,
To include many previews on a single page, just repeat the first line.
You can change the width, height and border color (bcolor).
<div class="refork-widget" code="771" style="width:100%;height:200px;" bcolor="#ccc"></div>
<script type="text/javascript" src="//snippet.run/d/z.js"></script>
HTML
<div class="mydate"> Begin Date : <input id="dp" type="text" data-format="dd-MM-yyyy" placeholder="Select .." /> </div>
CSS
body { background-color:#fff; padding: 50px; } .mydate input { height:30px; }
Javascript
$(function() { // setting up the datepicker $("#dp").datepicker({ format:'dd/mm/yyyy', autoclose: true }); });
©2013 Copyright snippet.run
Privacy
-
Terms of use
-
About
-
Contact