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

How to use JQuery DatePicker or angularJS to display days of the week alone?

本文关键字：显示 单独 angularJS 何使用 JQuery DatePicker      更新时间：2023-09-26

我正在做一个项目，需要我根据所选择的选项做三件事。下拉菜单中的选项有每日、每周、每月和每年。

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

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

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

我可以在datepicker或angularJS(我还在学习angularJS)中使用选项来让它工作吗?

请注意，一旦我从下拉菜单中选择了选项，我将希望按钮填充到我指定的div中(也就是说，我不会点击输入框来显示日历)。

如果有一个替代日期picker或calendarUI，我也愿意尝试。请帮我一下。提前感谢大家的建议

您可以尝试这样做(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()));
});
相关文章：