我希望显示一个月和一年，以及按钮点击

Question

我希望用左右两个箭头按钮显示一个月和一年，按下左按钮它应该显示上个月，按下左按钮它应该显示在下个月

Answer 1

首先，您需要添加jquery库和jquery UI js和CSS

这里我使用了UI datepicker，并在datepicker函数中添加了以下两个选项。

changeMonth: true,
changeYear: true,

HTML

 <label for="startDate">Date :</label>
 <input name="startDate" id="startDate" class="date-picker" />

CSS

.ui-datepicker-calendar {
    display: none;
 }

JQuery的

$(function() {
    $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function(dateText, inst) { 
            $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
        }
    });
});