html
引入文件
;
?>static/images/data-r.png)
文章图片
js代码
window.onload = function(){new rolldate.Date({
el:'#date',
format:'YYYY-MM-DD',
beginYear:2015,
endYear:2100
});
/*月 日切换*/
$(document).on('click','.data-r-btn p',function(){
if($(this).find('i').text()=='按月选择'){
$(this).find('i').text('按日选择');
$("input[name='isMonth']").val(0);
$('#rolldate-day').css('width','33.3333%').show();
$('#rolldate-year').css('width','33.3333%');
$('#rolldate-month').css('width','33.3333%');
$('.data-quding').addClass('dday');
}else{
$("input[name='isMonth']").attr(1);
$(this).find('i').text('按月选择');
$('#rolldate-day').hide();
$('#rolldate-year').css('width','50%');
$('#rolldate-month').css('width','50%');
$('.data-quding').removeClass('dday');
}});
/*数据输出*/
$(document).on('click','.data-quding',function(){
$("#form").submit();
})$(document).on('click','.rolldate-btn',function(){
$('.data-r-btn').hide();
})
/*显示弹窗*/
$('.ayue').click(function(){
$('.data-r-btn').show();
$('#rolldate-day').hide();
$('#rolldate-year').css('width','50%');
$('#rolldate-month').css('width','50%');
})
}
效果
【时间选择插件 年月、 月日选择切换】
文章图片
文章图片
推荐阅读
- 2018|2018,倒数80天 《AI》
- 2018/8/16周四丽芳檀香木分享
- 2018/8/15嘟小妞儿研学第五天
- 2018/07/26
- 2018/05/01（魅影缝匠，已发）
- 2018/2/6|2018/2/6 苏州游记
- 2018/7/31粉玲案例分析
- 2018/02/02
- 2018/12/12晴星期三家长日记
- 2018/05/28