2011-12-29 60 views
9

Tôi có bảng MySQL với trường ngày (yy-mm-dd).Định dạng hiển thị ngày tháng của jQuery

Và tôi có biểu mẫu với trình chỉnh sửa ngày chỉnh sửa và nó hoạt động tốt.

NHƯNG tại ngày giao diện được hiển thị dưới dạng dd-dd-yy và điều đó có thể gây nhầm lẫn.

Tôi muốn trường bằng công cụ datepicker hiển thị giá trị dưới dạng dd-mm-yy, nhưng giá trị thực tế phải là định dạng cũ (yy-mm-dd).

Làm thế nào để đạt được điều này?

Đã thêm: Tôi biết cách thay đổi định dạng ngày tháng. Tôi muốn riêng biệt giá trị được hiển thị và giá trị thực tế. Đó là những gì nó là tất cả về.

Trả lời

0

Có một cái nhìn tại trang jquery này, nó sẽ hướng dẫn bạn đến những gì bạn muốn:

http://docs.jquery.com/UI/Datepicker#option-dateFormat

như để xử lý nó như yy-mm-dd bạn có thể phải thực hiện điều này thông qua một phương pháp trên trang web của bạn để sắp xếp lại định dạng.

+0

Cảm ơn, đã đọc. – Dmitry

+0

thats những gì tôi có nghĩa là "bạn có thể phải làm điều này thông qua một phương pháp trên trang của bạn ....". những gì bạn có thể làm là có một hộp văn bản ẩn hoạt động như giá trị thực và hộp văn bản khác là những gì người dùng nhìn thấy. sau đó bạn có thể lưu giá trị ẩn? chỉ là một ý tưởng ... – Ric

+1

Đó là quá phức tạp ... Biểu mẫu của tôi được tạo tự động và datepicker được đính kèm tự động quá. Nếu tôi sẽ phải làm cho các yếu tố bổ sung bằng tay và thực hiện xử lý sự kiện theo cách thủ công và do đó nó sẽ làm hỏng tất cả sự linh hoạt. Có thực sự không có cách nào để làm cho nó với DP cách nội bộ? – Dmitry

14

Các widget jQuery UI datepicker đi kèm với altFieldaltFormat tùy chọn cho phép bạn thiết lập một thứ (ẩn nếu bạn muốn) hình thức đầu vào để lưu trữ các ngày trong bất cứ định dạng mà bạn muốn:

$(".selector").datepicker({ 
    altField : '#actualDate', 
    altFormat : 'yy-mm-dd' 
}); 

Nguồn: http://jqueryui.com/demos/datepicker/#option-altFormat

đây là một bản demo: http://jsfiddle.net/MmKmq/

+0

Điều này trông giống như giải pháp tốt! Tôi sẽ thử điều này và đánh dấu là giải pháp nếu nó giúp. – Dmitry

+0

Tuyệt vời !! Cám ơn vì cái này. – FastTrack

+3

Đây là một bản hack khủng khiếp của jQuery. –

0

Bạn có thể thử này:

<input type="text" id="displayDate" /> 
<input type="hidden" id="submittedDate" /> 

<script type="text/javascript"> 

    $(document).ready(function() { 

     $("#displayDate").datepicker({ 
     dateFormat: 'MM dd, yy', // this is the format of the date that will be shown 
     onSelect: function(dateText, inst) { 
      var date = new Date(dateText); 
      $("#submittedDate").val(date.getTime()); // transform into what you want to submit here 
     } 
     }); 

    }); 

</script> 
Các vấn đề liên quan