Question

日期选择器和文本框如下所示

代码如下：

<html:text name="facultyAchievementsForm" property="studentAchivementsDate" readonly="true" styleId="studentAchivements13"></html:text>
    <script language="JavaScript"> new tcal({ 
                                        'formname'    : 'facultyAchievementsForm', 
                                        'controlname' : 'studentAchivements13' 
                                           });
    </script>

我希望日期选择器进入文本框，我该怎么办？

Answer 1

最简单的解决方案：

使用Date Picker和JQuery UI：

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {    
            $(".datePicker").datepicker();
        });
    });
</script>
<input type="text" class="datePicker" />

Answer 2

我不确切知道代码的HTML结果，但根据您发布的图片，您似乎在2个表格列中有3个元素：

左侧单元格内的标签（日期:) 右侧单元格内的文本框和日历图标

HTML结果将是这样的

td {
  position:relative;
  }
td.calendar input {
		width:200px;
		height:30px;
	}
	td.calendar img {
		position:absolute;
		z-index:99;
		left:174px;
	}

您可以使用一些CSS将img标记放在文本框中。

您可以设置img标记位置绝对，然后使用顶部，左侧属性。

以下是一个例子：

＆＃13;

<table>
<tr>
<td><label>Date:</label></td>
<td class="calendar"><input><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAWElEQVRYhe3SQQoAIAhE0bn/pW3VIqGCUEZpPrgS4S0E1D5zE72vC/CH0VMXYABs5g99r/sTpBYgKwH6AOhPKAAdkJUAfQD0JxSADshKgNKABZI41+iAvxpNfqDCtdHKkAAAAABJRU5ErkJggg=="/></td>
</tr>
</table>

＆＃13;

    <?php
    session_start();
    $link = mysqli_connect("localhost","root","","pictureupload");
    if(isset($_POST['submit'])){
        $imagename=$_FILES["iamge"]["name"]; 
        $imagetmp=addslashes (file_get_contents($_FILES['image']['tmp_name']));
        $insert_image="INSERT INTO images VALUES('$imagetmp','$imagename')";
        mysqli_query($link,$insert_image);
    }
?>
<!DOCTYPE html>
<html>
<head>
    <Title>HomePage</Title>
    <link rel="stylesheet" type="text/css"  href="style.css">
</head>
<body>
<form action="accept-file.php" method="post" enctype="multipart/form-data">
    Your Image: <input type="file" name="image" size="25" />
    <input type="submit" name="submit" value="Submit" />
</form>
</body>
</html>

＆＃13;

如何在文本框中添加日期选择器

2 个答案: