Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用JQuery DatePicker或angularJS单独显示一周中的几天?_Javascript_Jquery_Angularjs - Fatal编程技术网

Javascript 如何使用JQuery DatePicker或angularJS单独显示一周中的几天?

Javascript 如何使用JQuery DatePicker或angularJS单独显示一周中的几天?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我正在做一个项目,需要我根据选择的选项做三件事。下拉列表中的选项有每日、每周、每月和每年 如果选择了Weekly,我只需要将一周中的天显示为按钮 如果选择每月,我只需要将日期(1-31)显示为按钮 如果选择了“年度”,我只需要将年度的月份显示为按钮 我可以使用datepicker或angularJS(我还在学习angularJS)中的选项来实现这一点吗 请注意,一旦我从下拉列表中选择了该选项,我会更喜欢在我指定的div中填充按钮(这意味着,我不会单击输入框来显示日历) 如果有替代datepick

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

如果选择了Weekly,我只需要将一周中的显示为按钮

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

如果选择了“年度”,我只需要将年度的月份显示为按钮

我可以使用datepicker或angularJS(我还在学习angularJS)中的选项来实现这一点吗

请注意,一旦我从下拉列表中选择了该选项,我会更喜欢在我指定的div中填充按钮(这意味着,我不会单击输入框来显示日历)


如果有替代datepicker或calendarUI的方法,我也愿意尝试。请帮我做这个。提前感谢您提供的所有建议。

您可以尝试以下方法():

var-days=[“周一”,“周二”,“周三”,“周四”,“周五”,“周六”,“周日];
函数getContent(dateScope)
{
var ret=“”;
开关(日期范围){
案例“w”:对于(i,以天为单位)
ret+=“+天[i]+”;
打破

案例“m”:适用于(i=1;我你试过什么了?Plnkr或JSFIDLE会有助于回答你的问题。javaCity-我有一个简单的JS,类似于下面由lpg显示的JS。我想知道是否有一个替代方法可以使用JQuery datepicker。我今天将尝试在JSFIDLE上获得一些东西。谢谢你的解决方案。我也想到了这个。Th如果没有一个库已经做到了这一点,这是我最后的选择。我只是想看看是否有一个库:)
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()));
});