Question

我有一个使用HTML和Javascript的Web应用程序。我想创建一个文本框，允许用户输入关键字并提交。我还想在文本框旁边放一个小日历图标，以便用户可以单击它以弹出日历以选择日期作为关键字，然后提交。

我试图实现Jcalendar和DatePicker，但无法使其中任何一个工作。

有什么东西可以用来满足我的需求吗？谢谢！

Answer 1

最简单的方法是jQuery's Date Picker。一行代码....完成。

<script type="text/javascript">
$( "#datepicker" ).datepicker();
</script>

Answer 2

查看jQueryUI datepicker：http://jqueryui.com/demos/datepicker/

Answer 3

尝试使用jquery ui datepicker

http://jqueryui.com/demos/datepicker/

Answer 4

有点像这样吗？

http://jqueryui.com/demos/datepicker/

Answer 5

使用图标触发器查看jQuery UI's calendar。

要有一个图标触发日历，它将是这样的：

<script type="text/javascript">
    $(function() {
        $( "#idOfYourInput" ).datepicker({
            showOn: "button",
            buttonImage: "images/calendar.gif",
            buttonImageOnly: true
        });
    });
</script>

Answer 6

看看这里：

http://www.tripwiremagazine.com/2011/10/jquery-calendar-date-pickers.html

10号看起来像你需要的： http://codecanyon.net/item/jquery-date-range-picker/full_screen_preview/261519?ref=themespotters&ref=themespotters&clickthrough_id=42454046&redirect_back=true

如何在HTML中实现日历？

6 个答案: