the above input text or label doesn't seem show jquery ui datepicker when click on either of it. tried different combinations of solutions found here in , online. not sure why none working.
html code:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <label class="tmdtpicker"> <input id="dtinput" class="hasdatepicker" type="text" name="start" placeholder='10/05/2014' data-constraints="@notempty @required @date" /> </label> css code:
.tmdtpicker #dtinput { position: relative; cursor: pointer; width: 130px; margin-bottom: -2px; } .tmdtpicker:after { content:'\f073'; position: absolute; z-index: 4; cursor: text; } js code:
</body> //other scripts <script> $(document).ready( function () { $("#dtinput").datepicker({ showweek: true, firstday :1, showothermonths: true, selectothermonths: true, mindate: '0d', dateformat: "dd-mm-yy" }); } ); </script>
you have included 2 jquery-ui.
... <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script> ... remove first one.
... <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script> ... for side note, include jquery first other libraries jqueryui
update
remove class="hasdatepicker" input.
Comments
Post a Comment