DatePicker 取每个月的1号

2 篇文章 0 订阅
1 篇文章 0 订阅

不知道为什么,有一种需求总会让你很是无奈,我老大接到了一个需求分配到了我这边,只能选择当前时间之后的每个月的一号,问题来了之后各种百度,没有满足需求的代码出现,只能自己想办法了,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'

结果如下图:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值