2012-01-05 273 views
0

日期選擇器 - 選擇月/年

changeMonth: true, 
changeYear: true 

但保存日期,只有當用戶實際點擊每日更新的文本字段我使用jQuery UI日期選擇器插件後填充字段。如果用戶選擇月份和年份,然後在日期選擇器彈出窗口外單擊,我希望該字段包含所選月份和年份的第一天。

目前,文本字段不會更新,除非用戶實際點擊某一天。任何熟悉該插件的人都可以告訴我是否有辦法解決這個問題?

回答

2

你可以通過定義onChangeMonthYear回調函數 從文檔填充字段自己的文字:

onChangeMonthYear:允許您定義自己的事件時的日期選擇器移動到新的月份和/或年份。該函數接收選定的年份,月份(1-12)和日期選擇器實例作爲參數。這指的是相關的輸入字段。

代碼示例

提供一個回調函數來處理onChangeMonthYear事件進行選擇。

$('.selector').datepicker({ 
    onChangeMonthYear: function(year, month, inst) { ... } 
}); 

所以這是你想要的東西:

$('.selector').datepicker({ 
    onChangeMonthYear: function(year, month, inst) { 
     $(this).val(month + "/" + year); 
    } 
}); 

Example here

1

mybe你可以使用這樣的事情:

$('.selector').datepicker({ 
    onChangeMonthYear: function(year, month, inst) { 
     var day = $(this).datepicker('getDate').getDate(); 
     $(this).datepicker("setDate", month+'/'+day+'/'+year); 
    } 
}); 

與位置的日期格式小心地。

完整的示例代碼在這裏:http://jsfiddle.net/FagGK/

+0

我認爲你的意思只是'$(本).datepicker( 「的setDate」,月+ '/ 01 /' +年);'回調,'$(本).datepicker('getDate')'將爲'null'。 http://jsfiddle.net/ambiguous/FagGK/1/ – 2012-01-05 02:26:37

相關問題