需求:
如下图1的日期选择框,点第一个输入框,会弹出日期选项(选择到具体的时间点后,如图2,会自动关闭,),需要把选择的日期分别填到3个框中(yyyy-MM-dd、hh、mm)
解决:
点第一个输入框,会弹出日期选项,日期框的js代码如下
$('.form_datetime').datetimepicker({ format: 'yyyy-mm-dd',//显示格式 initialDate: new Date(),//初始化当前日期 autoclose: true,//选中自动关闭 todayBtn: true,//显示今日按钮 language:'zh-CN'//汉化日历 });且加入onChange事件到第一个框中,如下:
function setDateHourminute() { // 获取到日期选择器的选择后的日期(精确到分钟),然后格式化该Date日期类型 var time = $(".form_datetime").datetimepicker("getDate").format("yyyy-MM-dd hh:mm"); // 日期 $("#date").val(11, 13)); // 小时 $("#hour").val(14, 16)); // 分钟 $("minute").val(11, 13)); }而js中日期的format方法需要自己去写:
//js格式化日期输出 Da = function(fmt) { var o = { "M+" : ()+1, //月份 "d+" : (), //日 "h+" : (), //小时 "m+" : (), //分 "s+" : (), //秒 "q+" : Ma((()+3)/3), //季度 "S" : () //毫秒 }; if (/(y+)/.test(fmt)) { fmt=(RegExp.$1, ()+"").substr(4 - RegExp.$1.length)); } for(var k in o) { if(new RegExp("("+ k +")").test(fmt)){ fmt = (RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length))); } } return fmt; }备注:
id命名中有符号的(例如:“list[index].startTime”)的元素,不能直接通过$("#idName")获取,获取方式如下
$('[id="list[0].startTime"]')今天的分享就道这了,喜欢的朋友么,点一波关注,有问题的下方留言哦~