JavaScript: Tự thêm các kí tự đặc biệt theo format khi nhập vào kiểu Date, Time
TIL
633
maskedinput
1
masked input
1
White

Colour Guy viết ngày 03/08/2017

HTML:

<p>Date: <input type="text" id="datepicker" placeholder="dd-MM-yyyy"/></p>
<p>Time: <input type="text" id="timeStartPicker" placeholder="HH:mm:ss"/></p>

JS:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
$("#datepicker").mask("99-99-9999");
$("#timeStartPicker").mask("99:99:99");

Trong đó:

a - Thay thế cho kí tự chữ (A-Z,a-z)
9 - Thay thế cho kí tự số (0-9)
* - Thay thế cho kí tự chữ và số (A-Z,a-z,0-9)

Download:

Nguyên bản
Đã nén(.min.js)

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Colour Guy

7 bài viết.
0 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
1 0
function process() { getMD5( document.getElementById("myfileinput").files0], prog = console.log("Progress: " + prog) ).then( res = consol...
Colour Guy viết 1 năm trước
1 0
White
1 0
Chỉnh CSS: CSS .GridNoHeaderOfYou .kgridheader { height: 0; borderbottomwidth: 0; display: none; overflow: hidden; }
Colour Guy viết hơn 1 năm trước
1 0
White
1 0
$("inpParentName").kendoDropDownList({ dataTextField: "name", dataValueField: "id", optionLabel: 'Choose...', dataSource: { transport: { read...
Colour Guy viết 1 năm trước
1 0
Bài viết liên quan
White
0 2
fCC: Technical Documentation Page note So I have finished the HTML part of this exercise and I want to come here to lament about the lengthy HTML ...
HungHayHo viết 5 tháng trước
0 2
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
7 bài viết.
0 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!