引导数据库日期选择器的基本使用教程
首先
引入相应钢性铸铁和js:
链接rel='样式表th : href=' @ {/assets/CSS/date picker。CSS }“rel=”外部没有后续“/脚本th : src=' http : @ {/assets/js/date-time/bootstrap-date picker。js } '/脚本然后超文本标记语言代码装载控件
div class=' input-group ' input class=' form-control date-picker ' id=' end time ' data-date-end-date=' 0m ' type=' text ' placeholder='选择年月/span='输入-组-附加' I class=' fa日历biger-110 '/I/span/div初始化控件:
$('#endTime ').日期选择器({ format : ' yyy-mm ',startView: 1,maxViewMode: 1,minViewMode:1,autoclose :true })现在可以看效果了:
选择日期后触发事件:
$('#endTime ').日期选择器({ format : ' yyyy-mm ',startView: 1,maxViewMode: 1,minViewMode:1,autoclose :true }).开启('变更月',函数{ var date _=e . datevar year_str=date_ .getFullYear();var month_str=date_ .getMonth()1;if(month _ str 10){ month _ str=' 0 ' month _ str;} var end month=year _ str '-' month _ str;getLitDirection(月末);getLitSaleTop(月末);getLitViewTop(月末);getLitErrorRecovery(月末);' var month_value=year_str '年(日期_。' getMonth(1)'月;$('#end_Time ').html(month _ value);$('#split1 ').show();$('#split2 ').show();}).下一个()。on(ace.click_event,function(){ $(this)).prev().焦点();});总结
以上所述是小编给大家介绍的引导数据库日期选择器的基本使用教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
版权声明:引导数据库日期选择器的基本使用教程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。