Question

我正在使用ui-date指令（https://github.com/angular-ui/ui-date）。

此UI日历组件默认为获取日期。我可以只获得没有约会的月份和年份。

如何只获得月份和年份？

Answer 1

我不知道ui-date指令，但我的需求与你完全相同。

您可以使用bootstrap-datepicker的eternicode's fork并查找符合您需要的 min view mode 参数。

Answer 2

以下代码为我工作。感谢

$scope.expireDate = {
    dateFormat: 'mm-yy',
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    onClose: function() {
        function isDonePressed() {
            return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
        }
        if (isDonePressed()) {
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    }
};

$scope.setExpireDate = function() {
    $(".ui-datepicker-calendar").hide();
    $("button.ui-datepicker-current").css("display", "none");
};

Answer 3

此处有eternicode's bootstrap-datepicker的角度版本： angular-bootstrap-datepicker

Answer 4

在datepicker-options中使用minMode：'month'，它将起作用。

angularjs ui-date仅显示月份

4 个答案: