bootstrap-datepicker实现只能选择每一年的某一个月份

1、问题描述

        最近碰到一个需求,要求日期控件选择的时候,只能选择某一年的1月份。

2、解决方法

        使用setStartDate()和setEndDate()函数对日期选择框进行范围限制。

3、我的代码

        【免费】bootstrap-datepicker实现只能选择每一年的某一个月份资源-CSDN文库

3.1、有bug的代码

        注意:这段代码虽然也实现了“只能选择某个年份的1月份”的效果,但是是有Bug的。这个bug比较好玩,所以我特地放在这里。可以多点点试试看。

bootstrap-datepicker实现只能选择每一年的某一个月份_第1张图片



	
		
		有bug的
	
	
	
	
	
	
		
		日期:
	

       

3.2、正确的代码



	
		
		正确的
	
	
	
	
	
	
		
		日期:
	

         注意:其实这个正确代码也有点小bug,只是不影响使用!

bootstrap-datepicker实现只能选择每一年的某一个月份_第2张图片

        只要你别每次点一半(只点年份不点月份)就清除了,就没有问题了。碰到这个bug,只要点进年份,再点进月份。只要完整的把年份月份都点完,那么日期框的所有年份又都是可用的了!

4、运行效果

        bootstrap-datepicker实现只能选择每一年的某一个月份_第3张图片

5、总结

        因为网上没有查到现成的代码可以用,所以只能自己写了。网上查资料的时候看到了这篇文章关于javascript:更改时如何获取Bootstrap Datepicker的年份和月份 | 码农家园 (codenong.com)

给了我启发! 

6、参考资料

关于javascript:更改时如何获取Bootstrap Datepicker的年份和月份 | 码农家园 (codenong.com) 

bootstrap-datepicker — bootstrap-datepicker documentation 

GitHub - uxsolutions/bootstrap-datepicker: A datepicker for twitter bootstrap (@twbs) 

你可能感兴趣的:(工作,前端,bootstrap,javascript)