jquery datepicker 只顯示年月

首先修改默認日期賦值javascript

<script type="text/javascript">
$(function(){
    $('#searchDate').datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'yy-mm',
        showButtonPanel: true,
        onClose: function(dateText, inst) {
            var month = $("#ui-datepicker-div .ui-datepicker-month option:selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year option:selected").val();
            month = parseInt(month)+1;//要對月值加1纔是實際的月份
            if(month < 10){
                month = "0" + month;
            }
            $('#searchDate').val(year + '-' + month);
        }
    });
});
</script>

而後隱藏day面板css

<style type="text/css">
.ui-datepicker-calendar {display: none;}
</style>
相關文章
相關標籤/搜索