不知道为什么,有一种需求总会让你很是无奈,我老大接到了一个需求分配到了我这边,只能选择当前时间之后的每个月的一号,问题来了之后各种百度,没有满足需求的代码出现,只能自己想办法了,DatePicker 是bootstrap的里面的,里面有很多的参数,突然想到,DatePicker 是可以让显示整体的一年的12个月份的,所以脑洞大开的猜测了下,点击月份的时候应该是年加上月份 例:2018/05废话不多说上代码
页面显示是这个样子的
当前是五月份,点击六月显示的结果是:
js代码是
//只能选月之后的每个月对的1号
var year = '@Utility.GetSysYear()';//获取系统时间的年
var startMonth = parseInt('@Utility.GetSysMonth()');//获取系统时间月份
if(startMonth==12)
{
year = year + 1;
startMonth = '01';
}
else if (startMonth >= 9 && startMonth <= 11)
{
startMonth = startMonth + 1;
}
else
{
startMonth = startMonth + 1;
startMonth = '0' + startMonth;
}
debugger;
var startDate = year +'/'+ startMonth+'/'+'01';
$("#ttbExpectedEffectDate").datepicker({
format: 'yyyy/mm',
weekStart: 1,
autoclose: true,
startView: 3,
startDate:startDate,
maxViewMode:'years', //最大视图层,为年视图层
minViewMode:'months',
forceParse: false,
language: 'zh-CN'
});
只需要改一下format就能得到想要的结果了, format: 'yyyy/mm' 改为 format: 'yyyy/mm/dd'
结果如下图: