如何使用 JQuery DatePicker 或 angularJS 单独显示星期几？

Question

我正在开展一个项目，该项目需要我根据所选择的选项做三件事。下拉列表中的选项是每日、每周、每月和每年。

如果选择每周，我只需要将一周中的天显示为按钮。

如果选择每月，我只需要将日期 (1-31) 显示为按钮。

如果选择每年，我只需要将一年中的月份显示为按钮。

我可以在 datepicker 或 angularJS（我还在学习 angularJS）中使用 options 来让它工作吗？

请注意，一旦我从下拉列表中选择了选项，我会更喜欢将按钮填充到我指定的 div 中（意思是，我不会点击输入框来显示日历）。

如果有 datepicker 或 calendarUI 的替代品，我也愿意尝试。请帮我解决一下这个。提前感谢所有建议。

Answer 1

你可以试试这样的东西 (Fiddle demo)：

var days = ['Mon','Tues','Wed','Thu','Fri','Sat','Sun'];

function getContent(dateScope)
{
    var ret = "";
    switch(dateScope) {
        case "w": for(i in days)
            ret += "<button>"+days[i]+"</button>";
            break;
        case "m": for(i=1;i<=31;i++)
            ret += "<button>"+i+"</button>";
            break;
        case "y": for(i=1;i<=12;i++)
            ret += "<button>"+i+"</button>";
            break;
    }
    return ret;
}

$("#dateScope").change(function(){
    $("#buttonsDiv").html(getContent($(this).val()));
});