日期控件datepicker的使用

时间:2023-03-09 07:20:53
日期控件datepicker的使用

引入JS:

<script type="text/javascript" src="static/my/js/bootstrap-datepicker.min.js"></script>

<script type="text/javascript" src="static/my/js/bootstrap-datepicker-cn.js"></script>
加载页面时初始化日期控件:
$('#startDate').datepicker({
format : 'yyyy-mm-dd',
autoclose : true
}).on("changeDate", function(ev) {
$("#endDate").datepicker("setStartDate", ev.date ? ev.date : "");
});
$('#endDate').datepicker({
format : 'yyyy-mm-dd',
autoclose : true
}).on("changeDate", function(ev) {
$("#startDate").datepicker("setEndDate", ev.date ? ev.date : "");
});

初始化日期控件:

<script type="text/javascript">
ace.load_ajax_scripts([], function() {});
seajs.use("${my}/js/mobileReportMng/main/main", function(main) {
$("#begin-time").datepicker({
minView : "month", //选择日期后,不会再跳转去选择时分秒
format : "yyyy-mm-dd", //选择日期后,文本框显示的日期格式
language : 'zh-CN', //汉化
autoclose : true//选择日期后自动关闭
});
$("#end-time").datepicker({
minView : "month", //选择日期后,不会再跳转去选择时分秒
format : "yyyy-mm-dd", //选择日期后,文本框显示的日期格式
language : 'zh-CN', //汉化
autoclose : true//选择日期后自动关闭
});
main.init();
});
</script>