日期選擇器（datepicker）是開發(fā)網(wǎng)頁時常用到的一種組件，它可以方便地讓用戶選擇日期。然而，在某些場景下，我們可能只需要顯示年份和月份，而不需要具體的天數(shù)選擇。下面將介紹一種簡單的方法，通過自定

日期選擇器（datepicker）是開發(fā)網(wǎng)頁時常用到的一種組件，它可以方便地讓用戶選擇日期。然而，在某些場景下，我們可能只需要顯示年份和月份，而不需要具體的天數(shù)選擇。

下面將介紹一種簡單的方法，通過自定義設置，使datepicker只顯示年月。

首先，我們需要引入jQuery和jQuery UI庫。在頁面頭部添加以下代碼：

```

```

接下來，我們創(chuàng)建一個input元素，用于顯示日期選擇器：

```

```

然后，在頁面底部添加以下JavaScript代碼：

```

$(function() {

$("#datepicker").datepicker({

dateFormat: "yy-mm",

changeMonth: true,

changeYear: true,

showButtonPanel: true,

onClose: function(dateText, inst) {

$(this).datepicker('setDate', new Date(, , 1));

},

beforeShow: function(input, inst) {

if ((datestr $(this).val()).length > 0) {

year (datestr.length - 4, datestr.length);

month (0, 2);

$(this).datepicker('option', 'defaultDate', new Date(year, month - 1, 1));

$(this).datepicker('setDate', new Date(year, month - 1, 1));

$(".ui-datepicker-calendar").hide();

}

}

});

});

```

解析上述代碼：

首先，我們使用`dateFormat: "yy-mm"`設置日期格式為"年-月"。

然后，通過`changeMonth: true`和`changeYear: true`設置可以改變月份和年份。

`showButtonPanel: true`表示顯示一個按鈕面板，點擊該面板上的按鈕可以快速選擇當前月份和年份。

在`onClose`回調(diào)函數(shù)中，我們將選中的日期設置為所選年份和月份的第一天。這樣，無論用戶選擇哪一天，最終都會顯示為所選年份和月份的第一天。

在`beforeShow`回調(diào)函數(shù)中，我們根據(jù)輸入框的值來設置默認日期。如果輸入框已經(jīng)有值，則將其解析為年份和月份，然后設置為所選年份和月份的第一天。

最后，在頁面加載完成時，使用`$(function() {...})`函數(shù)來初始化datepicker組件。

通過以上步驟，我們就可以實現(xiàn)自定義datepicker只顯示年份和月份的效果了。

總結(jié)：

在開發(fā)網(wǎng)頁時，如果需要自定義datepicker只顯示年份和月份，可以通過設置`dateFormat: "yy-mm"`，以及相應的回調(diào)函數(shù)來實現(xiàn)。這樣，用戶只能選擇年份和月份，而不會顯示具體的天數(shù)選擇。

希望本文對你理解datepicker的使用和自定義有所幫助。如果有任何問題，請隨時留言。