版权声明:本文为博主原创文章,转载请注明出处! https://blog.csdn.net/IT_hejinrong/article/details/82455186
时间框js和css引入
之所以会出现1899年,是因为输入框与初始化的时间格式不一致导致的,只要在Input框中加入:data-date-format='yyyy-mm-dd hh:ii:ss',初始化时指定format就可以了。我用的是grails框架做前端页面,也就是gsp页面,不过该框架和jsp,html是通用的。文件引入如下:
<asset:stylesheet src="bootstrap.css"/> <asset:javascript src="bootstrap-datetimepicker.min.js"/> <asset:stylesheet src="bootstrap-datetimepicker.min.css"/> <asset:javascript src="bootstrap-datetimepicker.zh-CN.js"/>
由于我的时间框是动态的,所以通过js代码实现:
index.gsp页面中只需要加入一行代码:
<input type="hidden" id="back_param_num" value=""/>
js动态生成:
$("#param_div_id").append( "<div style='padding-top: 5px;'>" + "<span>" + data[i].split('#')[2] + ":</span>" + "<span class='input-group'>" + "<input id='param" + i + "' type='text' data-date-format='yyyy-mm-dd hh:ii:ss'>" + "</span>" + "</div>" )
初始化时间框的js代码:
function initDateTimePicker(timePickerArr) { if(timePickerArr.length > 0) { for(var i in timePickerArr) { $("#" + timePickerArr[i]).datetimepicker({//选择年月日 format: 'yyyy-mm-dd hh:ii:ss', language: 'zh-CN', weekStart: 0, todayBtn: 1,//显示‘今日’按钮 autoclose: 1, todayHighlight: true, startView: 2, minView: 0, clearBtn:true, }); //初始化为当前时间 $("#" + timePickerArr[i]).datetimepicker('setDate', new Date()); } } }