cách hiển thị lịch trên hộp văn bản nhấp vào html

Question

Trong html, tôi muốn hiển thị lịch để chọn ngày trong khi nhấp vào hộp văn bản. thì chúng tôi chọn một ngày từ lịch đó sau đó ngày được chọn sẽ được hiển thị trong rằng hộp văn bản.

Answer 1

Những gì bạn cần là một jQuery UI Datepicker

Kiểm tra các demo và mã nguồn.

Answer 2

Bạn sẽ cần phải sử dụng bất kỳ tiện ích lịch javascript html nào.

hãy thử điều này calendar view widget, chỉ cần sao chép-dán một số mã được hiển thị trong ví dụ ở đó và thats nó những gì bạn muốn.

Dưới đây là liên kết để Jquery Mobile ngày hộp - JQM datebox

Answer 3

Bạn nên đọc-up trên jQueryUI Datepicker

Khi bạn bao gồm các thư viện jQuery UI có liên quan, nó đơn giản như,

Script :

$(function() { 
    $("#datepicker").datepicker(); 
}); 

H TML:

<input type="text" id="datepicker" /> 

Ưu điểm:

• nó được kiểm tra kỹ lưỡng để tương thích x-trình duyệt, do đó bạn sẽ không có một vấn đề.
• tập tin css riêng biệt, vì vậy bạn có thể tùy chỉnh nó theo ý thích của bạn

Answer 4

cố gắng sử dụng jquery-ui

<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 

<script> 
    $(function() { 
     $("#calendar").datepicker(); 
    }); 
</script> 

<p>Calendar: <input type="text" id="calendar" /></p> 

more

Answer 5

HTML Ngày Picker Bạn có thể tham khảo this.

Answer 6

jQuery Mobile cũng có một datepicker. Source

Chỉ cần bao gồm các tập tin sau đây,

<script src="jQuery.ui.datepicker.js"></script> 
    <script src="jquery.ui.datepicker.mobile.js"></script> 

Answer 7

Bắt đầu với HTML5, <input type="date" /> sẽ làm tốt.

Demo: http://jsfiddle.net/8N6KH/

Answer 8

vâng bạn sẽ đi qua các vấn đề khác nhau sử dụng HTML5 datepicker, nó sẽ làm việc với một số hoặc có thể không. Tôi phải đối mặt với cùng một vấn đề. Vui lòng kiểm tra điều này DatePicker Demo, tôi đã giải quyết được sự cố của mình với plugin này. Plugin datepicker rất tốt và linh hoạt của nó với bản demo hoàn chỉnh. Nó hoàn toàn tương thích với các trình duyệt di động và có thể được tích hợp với điện thoại di động jquery.