HTML header introduces the relevant JS and CSS
<link rel= "stylesheet" type= "Text/css" href= "css/bootstrap-datetimepicker.css"/><script src= "js/ Bootstrap-datetimepicker.js "></script><script src=" Js/locales/bootstrap-datetimepicker.zh-cn.js " ></script>
Time Call and bootstrap icon, bootstrap version: V3
<div class= "Input-group date form_datetime" > <input style= "Background-color: #FFFFFF" name= "StartTime" Type= "text" class= "Form-control" placeholder= "click Get Start Date" readonly= "readonly" > <span class= " Input-group-addon "><span class=" Glyphicon glyphicon-th "></span></span></div><div class= "Input-group date form_datetime" > <input style= "Background-color: #FFFFFF" name= "Endtime" type= "text "Class=" Form-control "placeholder=" Click Get End Date "readonly=" readonly "> <span class=" Input-group-addon "> <span class= "Glyphicon glyphicon-th" ></span></span></div>
Control Date JS:
/* Date Call */$ (". Form_datetime"). DateTimePicker ({ format: "Yyyy-mm-dd", //picktime:false, autoclose:true , Todaybtn:true,minview: "Month", Maxview: "Decade", Language: "ZH-CN", pickerposition: "Bottom-left" })
Bootstrap-datetimepicker Time Plugin Use