2015-02-19 26 views
5

Tôi có một số câu hỏi liên quan đến bộ chọn ngày của giao diện người dùng jQuery.Giá trị mặc định cho bộ chọn ngày tháng jquery

1 - Có tùy chọn để có giá trị mặc định không? Những gì tôi đang cố gắng làm là điền sẵn kiểu nhập văn bản của tôi với ngày hôm nay.

2 - Nếu tôi đặt loại = "Ngày" thay vì loại = "Văn bản" và sau đó sử dụng bộ chọn thời gian jquery trên đó, tôi nhận được lỗi này khi tôi chọn ngày.

The specified value '02/18/2015' does not conform to the required format, 'yyyy-MM-dd.' 

Làm cách nào để giải quyết vấn đề này?

Trả lời

5

Để tạo bộ chọn ngày và đặt ngày. Bạn có thể chỉ định ngày hôm nay theo 'Ngày mới()'. Bạn có thể đặt đầu vào type=text hoặc type=date.

$('.datepicker').datepicker({ 
    dateFormat: 'dd-mm-yy' 
    }).datepicker("setDate", new Date()); 
+0

gì nếu tôi muốn type = "Ngày"? – mohsinali1317

+0

Bạn có thể đặt 'type = date'. Kiểm tra http://jsfiddle.net/Fa8Xx/2866/ – Sadikhasan

+0

Có, tôi có thể đặt nó nhưng khi tôi chọn giá trị nó không được chọn. Kiểm tra giao diện điều khiển. Tôi đang thử nó trên chrome. – mohsinali1317

0
(function() { 

    $(".dp").datepicker({ 
    format: 'dd-mm-yyyy', 
    startDate: new Date(), 
    endDate: '' 
    }).on("show", function() { 
    $(this).val(new Date()).datepicker('update'); 
    }); 

})(); 
0

Tham khảo Dưới một: Nó hoạt động tốt đối với tôi.

Jquery UI date-picker Set default date

<script> 
    $(function() { 
     $("#datepicker").datepicker({ 
      dateFormat: 'dd-mm-yy' 
     }).val(getTodaysDate(0)); // For current date 

     $("#datepicker2").datepicker({ 
      dateFormat: 'dd-mm-yy', 
      }).val(getTodaysDate(1)); // For previous month's date 
    }); 

    function getTodaysDate (val) { 
    var t = new Date, day, month, year = t.getFullYear(); 
    if (t.getDate() < 10) { 
     day = "0" + t.getDate(); 
    } 
    else { 
     day = t.getDate(); 
    } 
    if ((t.getMonth() + 1) < 10) { 
     month = "0" + (t.getMonth() + 1 - val); 
    } 
    else { 
     month = t.getMonth() + 1 - val; 
    } 

    return (day + '/' + month + '/' + year); 
    } 
</script> 
Các vấn đề liên quan