jquery - Bootstrap Flatty and jQueryUI Datepicker -
i trying implement normal jqueryui datepicker on css template can found @ http://wrapbootstrap.com/preview/wb0p6nr1n. template has built in date/time pickers (to found under forms > form components), cannot them work. documentation lacking include working. also, not want use popup "button" @ side of text box, rather have pop when user focuses on text box.
i have tried normal jqueryui datepicker code follows, though no error calling datepicker()
function, no date picker popping up.
<div class="form-group"> <input class="form-control hasdatepicker" id="date_of_birth" name="date_of_birth" type="text" placeholder="date of birth" data-format="yyyy-mm-dd" data-validation="length" data-validation-error-msg="please enter valid date of birth" data-validation-length="min10,max10"> </div> $(document).ready(function() { $('.hasdatepicker').datepicker(); });
i looking advice on getting either bootstrap flatty datepicker or normal jqueryui datepicker working.
i have created jsfiddle resource external resources loaded @ http://jsfiddle.net/7a8cm/.
ok part
<input class="form-control hasdatepicker"
is wrong because hasdatepicker class jquery ui if remove , change this:
<input class="form-control"
and change javascript to:
$('.form-control').datepicker();
it work!
check out:
Comments
Post a Comment