一,图标库 Font Awesome
二,弹出层组件layui.layer
三,日期控件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' });