Code ngày tháng năm trong html

Lấy ngày tháng năm tự động

Việc lấy ngày tháng không phải là việc kho nếu bạn nắng vững một số hàm cơ bản trong javascript.

Lấy ngày tháng năm tự động

Tháng và năm có thể tiến hành lấy độc lập, riêng ngày sẽ được lấy dựa theo tháng và năm.

Html viết:

Học Web Chuẩn


$[function[]{
//Năm tự động điền vào select
    var seYear = $['#year'];
    var date = new Date[];
    var cur = date.getFullYear[];

    seYear.append['-- Year --'];
    for [i = cur; i >= 1900; i--] {
        seYear.append[''+i+''];
    };
    
    //Tháng tự động điền vào select
    var seMonth = $['#month'];
    var date = new Date[];
    
    var month=new Array[];
    month[1]="January";
    month[2]="February";
    month[3]="March";
    month[4]="April";
    month[5]="May";
    month[6]="June";
    month[7]="July";
    month[8]="August";
    month[9]="September";
    month[10]="October";
    month[11]="November";
    month[12]="December";

    seMonth.append['-- Month --'];
    for [i = 12; i > 0; i--] {
        seMonth.append[''+month[i]+''];
    };
    
    //Ngày tự động điền vào select
    function dayList[month,year] {
        var day = new Date[year, month, 0];
        return day.getDate[];
    }    
    
    $['#year, #month'].change[function[]{
        //Đoạn code lấy id không viết bằng jQuery để phù hợp với đoạn code bên dưới
        var y = document.getElementById['year'];
        var m = document.getElementById['month'];
        var d = document.getElementById['day'];
        
        var year = y.options[y.selectedIndex].value;
        var month = m.options[m.selectedIndex].value;
        var day = d.options[d.selectedIndex].value;
        if [day == ' '] {
            var days = [year == ' ' || month == ' ']? 31 : dayList[month,year];
            d.options.length = 0;
            d.options[d.options.length] = new Option['-- Day --',' '];
            for [var i = 1; i =0.
Trình duyệt hỗ trợ: Chrome, IE, Opera và Safari.
Ví dụ:
Nhập điểm số [từ 0 đến 10]: 
8. range
Kiểu range tạo ra một thanh thể hiện dãy số và bạn có thể chọn một số bất kỳ trong dãy số này.
Việc thiết lập miền giá trị cũng thông qua các thuộc tính max, min,
step và value giống như kiểu number.
Lưu ý: Cũng giống như kiểu number, giá trị chọn được ở trường range cũng nằm trong đoạn [min+n*step , max], trong đó n là một số nguyên >=0.

  

Trình duyệt hỗ trợ: Tất cả các trình duyệt đều hỗ trợ kiểu này.
Ví dụ:
Volume [từ 0 đến 100]: 
9. search
Kiểu search áp
dụng cho các trường tìm kiếm [tương tự như kiểu text].
Trình duyệt hỗ trợ: Chrome và Safari.
Ví dụ:
Tìm kiếm trên Google: 
10. tel
Kiểu tel cho phép tạo ra trường nhập liệu theo đó bạn chỉ nhập được các giá trị số tương đương với số điện thoại.

  

Trình duyệt hỗ trợ: Hiện tại chưa có trình duyệt nào hỗ trợ kiểu tel trên các máy tính.
Ví
dụ:
Mời nhập số điện thoại: 
11. time
Kiểu time sẽ tạo ra một trường mà người dùng có thể lựa chọn về thời gian gồm giờ, phút, giây, mini giây và các buổi sáng hoặc chiều.
Trình duyệt hỗ trợ: Chrome, Opera và Safari.
Ví dụ:
Bạn vui lòng chọn thời gian giao hàng: 
12. url
Kiểu url sẽ
yêu cầu bạn phải nhập vào một url hợp lệ.

  

Trình duyệt hỗ trợ: Chrome, IE, FireFox và Opera.
Trình duyệt Safari trên điện thoại iPhone sẽ nhận diện chính xác được kiểu url, điều này được thể hiện bằng sự thay đổi kiểu bàn phím nhập liệu tương ứng để nhập url.
Ví dụ:
Hãy nhập địa chỉ website của bạn: 
13. week
Kiểu week sẽ
tạo ra trường cho phép bạn chọn một tuần nào đó trong năm mà bạn muốn.
Trình duyệt hỗ trợ: Chrome, Opera và Safari.
Ví dụ:
Hãy chọn một tuần: