我使用的是这个时间插件:datepicker.js;
这个插件时间就是导入它的js和css,然后打开页面初始化它的js,在需要使用它的地方加入一个样式就可以了,它的js初始化是这样的
$(document).ready(function() {
setDateTimePicker();
});
function setDateTimePicker(){
$(".datepicker").datepicker({
showWeek : true,
firstDay : 1,
dateFormat : 'yy-mm-dd',
changeMonth: true,
changeYear: true
});
//$.datepicker.setDefaults($.datepicker.regional['zh-CN']); //用这种方法可以设置默认的语言
$.datepicker.setDefaults($.datepicker.regional['']);//先清理一下语言包的regional
$(".datepicker").datepicker('option', $.datepicker.regional['zh-CN']); //设置当前语言
}
这是它的使用:
<input type="text" class="in datepicker" name="consultantMoney.payTime" readonly="readonly" id="starttime" value="${fn:substring(payTime,0,10)}"/>
class="datepicker"是它的样式。
当有时我们对它进行拼接时,情景如下:
这就需要在拼接时加入一个onmouseover事件,如下所示:
<input type='text' class='in datepicker' οnmοuseοver='setDateTimePicker()' readonly='readonly' name='consultantMoney.payTime' value=''/>