今天在做项目的过程中,使用了两个比较好看的日期选择和时间选择控件,记录下来。这两个控件样式都是基于Bootstrap的。
日期控件bootstrap-datepicker
日选择模式
$("#datetimepicker").datepicker({
todayBtn : "linked",
keyboardNavigation : false,
forceParse : false,
calendarWeeks : true,
format: "yyyy年M月d日",
autoclose : true
});
月选择模式
$("#datetimepicker").datepicker({
todayBtn : "linked",
keyboardNavigation : false,
forceParse : false,
calendarWeeks : true,
format: "yyyy年M月",
minViewMode: 1,
autoclose : true
});
时间控件clockpicker
$(".clockpicker").clockpicker({
autoclose: true
});