HTML输入文字上的日历

时间:2018-07-23 15:48:04

标签: html input calendar

我想要在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">

但是我正在寻找具有其他样式的其他替代品。

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

为什么不这样做(只是检查一下):

 $(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>