时间戳

首页 > 解决方案 > HTML 输入文本上的日历

html - HTML 输入文本上的日历

问题描述

我想要一个 HTML 输入文本上的日历。

我不想要 HTML5 或其他解决方案。

我在这个JSFiddle 上创建了一个可能的解决方案。

<head>
<script type="text/javascript" src="http://services.iperfect.net/js/IP_generalLib.js"></script>
</head>

<input type="text" name="date1" id="date1" alt="date" class="IP_calendar" title="d/m/Y">

但我正在寻找其他风格的替代品。

有什么建议吗？

标签： htmlinputcalendar

解决方案

为什么不这样做（刚刚检查过）：

 $(document).ready(function() {
        $("#start_datepicker").datepicker();
    $("#end_datepicker").datepicker();

  });
 <!DOCTYPE html>
<html>
<head>
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  
  </head>
<body style="font-size:62.5%;">
  <form action="sample.php" method="post">

Start Date: <input type="text" name="startdate" id="start_datepicker"/>
End Date: <input type="text" name="enddate" id="end_datepicker"/>

</form>
</body>
</html>

推荐阅读