添加日期选择器,选择年份
1、打开/application/admin/view/classification/index.html,只需要年份
<input type="text" class="form-control datetimepicker datetimepickerY" name="year" value="{:date('Y')}" id="year" data-index="12" autocomplete="off">
2、打开/public/assets/js/backend/classification.js,在index函数里引入选择器,获取选择的年份数据,传给控制层
require(['bootstrap-datetimepicker'], function () {
var options = {
format: 'YYYY',
icons: {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-history',
clear: 'fa fa-trash',
close: 'fa fa-remove'
},
showTodayButton: true,
showClose: true
};
$('.datetimepickerY').parent().css('position', 'relative');
$('.datetimepickerY').datetimepicker(options);
});
$("#year").on("dp.update", function(){
var that = this;
$("select[name='quarter']").val('');
$("select[name='month']").val('');
var options = table.bootstrapTable('getOptions');
options.pageNumber = 1;
options.queryParams = function (params) {
params.year = $(that).val(); // 值
console.log(params);
return params;
};
table.bootstrapTable('refresh', {});
return false;
});
3、控制器接收传递的数据上文有提
以上就是日期选择器只需要选择年份的全部过程