gpt4 book ai didi

javascript - 更改日期时间选择器的位置

转载 作者:行者123 更新时间:2023-11-28 15:50:39 25 4
gpt4 key购买 nike

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="cellar/datetimepicker-master/jquery.datetimepicker.css"/ >
<script src="cellar/datetimepicker-master/jquery.js"></script>
<script src="cellar/datetimepicker-master/jquery.datetimepicker.js"></script>
<title>Insert title here</title>
</head>
<body style="height:2000px">
<%
String s = session.getAttribute("par1").toString();
%>
<h1>Hi <%=s%></h1>

<div style="height:100%">

<div>
<lablel>Date</lablel>
<input type="text" name="date" id="datepicker" />
</div>

<br>

<div>
<label>Start Time</label>
<input type="text" name="starttime" id="starttime" />
</div>

<br>

<div >
<label>End Time</label>
<input type="text" name="endtime" id="endtime" />
</div>
<br>
<div style="float:left">
<label>Time break Freqency</label>
<input type="text" name="freq" id="freq" />
</div>
<br>
</div>
</body>
<script>
$('#starttime').datetimepicker({
datepicker:false,
format:'H:i'
});
</script>
<script>
$('#endtime').datetimepicker({
datepicker:false,
format:'H:i'
});
</script>
<script>
$('#datepicker').datetimepicker({
lang:'de',
i18n:{
de:{
months:[
'Januar','Februar','März','April',
'Mai','Juni','Juli','August',
'September','Oktober','November','Dezember',
],
dayOfWeek:[
"So.", "Mo", "Di", "Mi",
"Do", "Fr", "Sa.",
]
}
},
timepicker:false,
format:'d.m.Y'
});
</script>
</html>

上面的代码给出了以下输出

enter image description here

正如你所看到的,我得到了上面而不是下面的时间选择器 enter image description here

正如您在检查元素中看到的,顶部变为负值,为什么会发生这种情况?一切正常,但只有选择器位于上方。如何将其置于下方

最佳答案

试试这个:- http://jsfiddle.net/adiioo7/MXdC6/1/

CSS:-

html { 
height:100%;
}
html,body{
min-height:100%;
}

关于javascript - 更改日期时间选择器的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20737379/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com