这是对旧的已上线项目的维护之中优化的一个部分,要求是在input框里面默认当前系统的时间。实现如下图所示的效果。
我这里用的是一款日历插件:jedate-开始使用一款好用的时间插件:在实际运用之中,需要在input里面默认年月日,或者默认时分秒。
方法:
//时间选择 var mydateInput = document.getElementById("startTime"); var date = new Date(); var dateString = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds(); mydateInput.value = dateString;
html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="jedate/jedate.js"></script> </head> <body> <input type="text" class="form-control input-medium" placeholder="开始时间" name="" id="startTime" /> <input type="text" class="form-control input-medium" placeholder="结束时间" name="" id="endTime" /> </body> <script type="text/javascript"> jeDate({ dateCell: "#startTime", //format: "YYYY-MM-DD ", //控制是否显示小时 format: "YYYY-MM-DD hh:mm:ss", //控制是否显示小时 isTime: true }) jeDate({ dateCell: "#endTime", //format: "YYYY-MM-DD ", //控制是否显示小时 format: "YYYY-MM-DD hh:mm:ss", //控制是否显示小时 isTime: true }) //时间选择 var mydateInput = document.getElementById("startTime"); var date = new Date(); var dateString = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds(); mydateInput.value = dateString; var mydateInputs = document.getElementById("endTime"); var dates = new Date(); var dateStrings = dates.getFullYear() + "/" + (dates.getMonth() + 1) + "/" + dates.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds(); mydateInputs.value = dateStrings; </script> </html>