作者:品花人生1 | 来源:互联网 | 2023-09-08 10:26
一,图标库 Font Awesome
http://www.fontawesome.com.cn/faicons/
二,弹出层组件layui.layer
http://www.layui.com/doc/modules/layer.html
三,日期控件datetimepicker
http://www.bootcss.com/p/bootstrap-datetimepicker/
(基于bootstrap)
// 日历控件设置开始$.fn.datetimepicker.dates['zh-CN'] = {days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"],months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],today: "今天",suffix: [],meridiem: ["上午", "下午"]};var date=new Date() ;$('#entryEndTime').datetimepicker({setStartDate:date,startDate:date,language: 'zh-CN',format: 'yyyy-mm-dd',// 是否选择了具体时间后关闭,默认不会autoclose:true,//日期时间选择器所能够提供的最精确的时间选择视图,2为精确到天minView:2,// 高亮显示今天todayHighlight:true,// 日历显示位置pickerPosition:'top-right'});