2016-04-18 58 views
0

我試圖自動填充jQuery UI datepicker,但日期被粘貼的格式爲MM/DD/YYYY。我需要它被粘貼在yy-mm-dd格式。當使用本地日期選擇器功能時,日期填寫正確。我試圖使用以下方法設置日期,但每個都填寫錯誤的格式。我如何正確設置yy-mm-dd格式的日期而不是默認的MM/DD/YYYY格式?用戶自動填充jQuery UI Datepicker - 日期格式錯誤

該頁面使用jQuery 2.1.4和jQuery UI 1.11.4。

// initialize date 
var cur = new Date(); 

// methods I've tried 
$('.selector').datepicker('setDate', cur); 

$('.selector').datepicker('formatDate', 'yy-mm-dd'); 
$('.selector').datepicker('setDate', cur); 

$('.selector').datepicker('option', 'formatDate', 'yy-mm-dd'); 
$('.selector').datepicker('setDate', cur); 

$('.selector').datepicker('option', 'formatDate', 'yy-mm-dd'); 
$('.selector').datepicker('refresh'); 
$('.selector').datepicker('setDate', cur); 

// from answers below 
$('.selector').datepicker({dateFormat: 'yy-mm-dd'}); 
$('.selector').datepicker('setDate', cur); 

// this method changes the format displayed in the field, but the form's 
// validation throws an error that it is in the wrong format. focus/unfocus 
// on the field manually after this sets the date back to the previous format. 
$('.selector').datepicker('setDate', cur); 
var s = cur.getFullYear() + '-' + (('0' + (cur.getMonth() + 1)).slice(-2)) + 
     '-' + (('0' + (cur.getDate())).slice(-2)); 

回答

0

試試這個:

$(".selector").datepicker({dateFormat: "yy-mm-dd"}); 
+0

不幸的是沒有工作。將它添加到我的帖子中以表明它沒有。 – vaindil

+0

您是否在jquery文件中添加了jquery.ui文件? –

0
$('.selector').datepicker({dateFormat: 'yy-mm-dd'}); 
var curFormatted = $.datepicker.formatDate('yy-mm-dd', cur); 
$('.selector').datepicker('setDate', curFormatted); 
+0

在第二行,我得到'Uncaught TypeError:無法讀取undefined(...)'的屬性'formatDate'。我不確定這是否是本地版本的jQuery UI的問題,或者如果我做錯了什麼。 – vaindil

+0

你使用的是jQuery和jQuery-ui的哪些版本? –

+0

jQuery 2.1.4和jQuery UI 1.11.4。添加到問題以供參考。 – vaindil

相關問題