一些会用到前端插件(持续更新)
程序员文章站
2022-05-06 09:40:21
...
一,图标库 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'
});
上一篇: 遮罩层展示,遮罩层下面原页面设置为不滚动
推荐阅读