I am using this meiomask for entering time in my website:
Here is my code:
HTML Markup:
<input type="text" id="timepick" alt="time" />
jQuery:
$('#timepick').setMask();
Problem:
Every time I enter time and trying to move cursor left or right, it sets to end and doesn't allow me to edit the time.
Note: In its website its working fine
See Screenshot:
I am also including these script files in my page
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.js"></script>
<script src="Scripts/Widgets/AutoComplete.js" type="text/javascript"></script>
<script src="Scripts/Widgets/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="Scripts/Widgets/select2.min.js" type="text/javascript"></script>
<script src="Scripts/Widgets/jquery.meio.mask.js" type="text/javascript"></script>
Browser I am using: GOOGLE CHROME 28
How can I move cursor left right and edit the time? Any help is greatly appreciated.