Tôi đã sử dụng jQuery datepicker và tôi muốn hạn chế trường nhập của tôi bằng mẫu HTML5 nếu người dùng thay vì nhận ngày từ jQuery datepicker, nhập ngày.Mẫu HTML5 để định dạng hộp nhập liệu để lấy ngày tháng/ngày/năm?
Tôi làm cách nào để hạn chế người dùng của mình bằng mẫu HTML5 để họ có thể chỉ cần nhập ngày vào biểu mẫu mm/dd/yyyy?
Cách dễ nhất là sử dụng chỉ đọc thuộc tính để ngăn chặn đầu vào người sử dụng trực tiếp:
<input class="datepicker" type="text" name="date" value="" readonly />
Hoặc bạn có thể sử dụng xác nhận HTML5 dựa trên thuộc tính mẫu. ngày mẫu đầu vào (dd/mm/yyyy hoặc mm/dd/yyyy):
<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" class="datepicker" name="date" value="" />
tôi sử dụng website này và mô hình này làm bước nhảy vọt xác nhận năm là tốt.
<input type="text" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))" required />
mẫu = "[0-9] {1,2}/[0-9] {1,2}/[0-9] {4}"
Đây là mô hình để nhập ngày cho hộp văn bản trong HTML5.
Người đầu tiên [0-9] {1,2} sẽ chỉ lấy số thập phân tối thiểu 1 và tối đa 2.
Và tương tự khác.
Hãy thử sử dụng:
pattern="(0?[1-9]|[12][0-9]|3[01])/(0?[1-9]|1[012])/\d{4}"