您的位置 首页 > 数码极客

如何取出vc时间控件datatimepicker的时间

需求:

如下图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"]')

今天的分享就道这了,喜欢的朋友么,点一波关注,有问题的下方留言哦~

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“如何取出vc时间控件datatimepicker的时间”边界阅读