2010-03-21 35 views
26

Tôi đang gặp sự cố khi định dạng đầu ra trên thanh công cụ của giao diện người dùng jQuery.Định dạng trên một thanh công cụ chỉnh sửa giao diện người dùng jQuery

Tôi muốn DateFormat là 'tiêu chuẩn ISO 8601' định dạng, như giải thích ở đây:

http://jqueryui.com/demos/datepicker/#date-formats

Đây là những gì mã của tôi trông giống như:

$.datepicker.setDefaults($.datepicker.regional['nl']); 
$('.datepicker').datepicker('option', {dateFormat: 'yy-mm-dd' }); 

Trả lời

37

định dạng tùy chọn setter của bạn là chỉ một chút, hãy thử điều này:

$('.datepicker').datepicker('option', 'dateFormat', 'yy-mm-dd'); 

See the options pane on that page for how to set each one in this way

khi thực hiện nó trên toàn cầu trước khi tạo một bảng chọn, làm điều này:

$.datepicker.setDefaults($.datepicker.regional['nl']); 
$.datepicker.setDefaults({ dateFormat: 'yy-mm-dd' }); 
//Later.. 
$('.datepicker').datepicker(); 

Ngoài ra, hãy chắc chắn bao gồm tập tin trong khu vực của bạn, hoặc $.datepicker.regional['nl'] không có nghĩa là bất cứ điều gì, điều này cần phải được đưa vào trước khi cố gắng setDefaults đến khu vực của bạn: http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/

+0

Tôi đã khóc rằng, Nó không hoạt động. Tôi đang theo bước này: $ ('# datepicker'). Datepicker ('option', {dateFormat: $ (this) .val()}); trong chế độ xem nguồn của liên kết demo tôi đã cung cấp cho bạn –

+2

@Sam - là trình mở khóa ngày mở khi thực hiện việc này? Điều này chỉ ảnh hưởng đến một datepicker tạo ra trên '$ ('. Datepicker')', nếu bạn đang làm điều này trên trang init trước khi tạo một, làm: '$ .datepicker.setDefaults ({dateFormat: 'yy-mm-dd'}); '(sau khi setDefaults hiện tại của bạn gọi) –

+0

k thx! Điều này đã làm điều đó: $ .datepicker.setDefaults ($. Datepicker.regional ['nl']); $ .datepicker.setDefaults ({dateFormat: 'yy-mm-dd'}); $ ('. Datepicker'). Datepicker(); –

6
$("#end_date").datepicker({ dateFormat: 'yy-mm-dd' }); 

là những gì làm việc cho tôi

+0

Cũng làm việc cho tôi (jQuery 1.8.2/UI 1.9.1) - sử dụng lớp datepicker thay vì ID –

+0

Đây là một câu trả lời tuyệt vời bởi vì tôi đã sử dụng calen biểu tượng dar, đi qua các tùy chọn khác và câu trả lời này xử lý điều đó. –

0

bạn cũng có thể sử dụng một cách ngắn:

 
$.datepicker.setDefaults(jQuery.extend(
    $.datepicker.regional['nl'], 
    { 
    dateFormat: 'yy-mm-dd' 
    } 
)); 
Các vấn đề liên quan