//设置年份的选择 var myDate = new Date ( ) ; var startYear = myDate . getFullYear ( ) - 50 ; //起始年份 var endYear = myDate . getFullYear ( ) + 50 ; //结束年份 var obj = document . getElementById ( 'year' ) for ( var i = startYear ; i <= endYear ; i ++ ) obj . options . add ( new Option ( i , i ) ) ; obj . options [ obj . options . length - 51 ] . selected = 1 ; // 加载年份选择器 function loadMonthSel ( ) { //设置年份的选择 var myDate = new Date ( ) ; var obj = document . getElementById ( 'month' ) for ( var i = 1 ; i <= 12 ; i ++ ) obj . options . add ( new Option ( i , i ) ) ; obj . options [ myDate . getMonth ( ) + 1 ] . selected = 1 ; 在使用elment UI的时候发现没有这种功能,于是采用el-date-picker 的 年份 选择器 自己后封装了一个 年份 范围 选择器 。由于组件使用的地方很多,所以格式化都在组件中处理,回传格式在回传的 input 事件参数中自己修改。遇到一个需求,需要写一个 年份 选择器 ,是范围的 年份 选择器 ,比如:xxx年到xxx年。 织织网应实际使用开发的一个 js 年月 选择器 ，采用原生 js 开发，兼容IE、FF（Firefox）、谷歌（Chrome），其他杂牌浏览器都是基于这三种内核的，就不一一测试了。 插件非常的简单，完全开源，可以做二次开发。 因为很多时候我们不需要精确到天数的，只要年月，很多日期控件是不支持选年的，就算有，使用也有些复杂。本插件只有一个 js 和一个css，引入后，在表单域加入 onclick="wwwcmsDate(this)" 就可以使用了，支持同一页面多次调用，text、button、submit型元素都能使用，十分方便。 如何使用它 ？ var eltInput = document.getElementById( 'mois' ); monthPickerFactory.createMonthPicker( eltInput ); / 选择 年份 范围选择时开始时间不能大于结束时间，结束时间不能小于开始时间。placeholder="开始时间"placeholder="结束时间" js :控制开始时间选择后，结束时间大于开始时间。// 提出开始时间必须小于提出结束时间。// 提出结束时间必须大于提出开始时间。 鉴于网上找到的几个日期选择程序有些问题，遂着手重写一个程序，大部分还是借鉴前人的代码，添加了时间选择功能，隐藏会遮挡控件的标签select，object。开始本想使用window.createPopup()来弹出日历的选择，这样就可以跨过任何标签。不过做到中途发现用createPopup窗口实现理论上是行不通的：一是因为不在窗体里单击任何地方都会关闭窗口，而当用下拉框选择 年份 时，很有可能会单击到窗... 背景： 在工作中经常出现需要生成某个月的月报和年报，很少需要生成日报，但是我使用的框架下的年月日 选择器 不能单独选择 月份 ，一定会选择到日。那么这个就比较鸡肋，那么我重新导入了个年月日的 js 包进去，就可以正常使用了。详细内容： 这个 js 包的内容相对简单，并且外观大方，简易操作。可以控制显示只显示年，只显示月和只显示日。那么我把内容贴上。 使用 月份 选择器 ，默认时间格式为yyyy-MM使用日期 选择器 ，默认