Wednesday, 15 April 2015

jquery - Twitter Bootstrap datepicker initial value -



jquery - Twitter Bootstrap datepicker initial value -

i using twitter bootstrap datepicker (http://www.eyecon.ro/bootstrap-datepicker/), cant's seem working properly. whem click datepicker not have initial value of date field attached to, starts somewhere around 1920.

my code looks this:

<!doctype html> <html lang="en"> <head> <link rel="stylesheet" media="screen" href="@routes.assets.at("css/bootstrap.min.css")"> <link rel="stylesheet" media="screen" href="@routes.assets.at("css/datepicker.css")"> <script src="@routes.assets.at("js/jquery-1.9.1.min.js")" type="text/javascript"></script> <script src="@routes.assets.at("js/bootstrap.min.js")" type="text/javascript"></script> <script src="@routes.assets.at("js/bootstrap-datepicker.js")" type="text/javascript"></script> <script type="text/javascript"> $(function() { $('.datepicker').datepicker(); }); </script> </head> <body> <div class="input-append date datepicker" data-date="@value" data-date-format="dd-mm-yyyy"> <input class="span2" size="16" type="text" value="@value"><span class="add-on"><i class="icon-calendar"></i></span> </div> </body> </html>

here's working datepicker jsfiddle datepicker

<div data-date-format="dd-mm-yyyy" data-date="19-02-2013" id="dp3"class="input-append date"> <input type="text" readonly="" value="19-02-2013" size="16" class="span2"> <span class="add-on"><i class="icon-calendar"></i></span>

set @value date of selection

jquery twitter-bootstrap

No comments:

Post a Comment