Question

这是我到目前为止所做的：我正试图让它当我点击日历图标时，也会弹出日期选择器。就像点击文本框一样。

感谢您的帮助。

 <html>
        <head>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14 /themes/base/jquery-ui.css" type="text/css" media="all" />
        <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme /ui.theme.css" type="text/css" media="all" />
        <link rel="stylesheet" href="http://jqueryui.com/demos/demos.css" type="text/css" media="all" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
        $.datepicker.setDefaults($.datepicker.regional['']);

    $('#date').datepicker();

    });
          $(function()
                 {
                        $('.date-pick').datePicker({clickInput:true})
                });
      </script>

          </head>

        <body>

     <?php
        $da = $_POST['date'];

        $y= substr($da, 6, 4);
        $m= substr($da, 0, 2);
        $d= substr($da, 3, 2);

        print "IT IS " . $y . "-" . $m . "-" . $d;

     ?>
                <form name="oemail" method="post" action="<?php print $_SERVER['PHP_SELF']    ?>">
                        <label for="date">The Date:</label>
                        <input type="text" name="date" id="date" readonly></input><img   class="date-pick" src="calendar.png"></img>
                        <input type="submit" id="sub"> </input>
                </form>
        </body>
    </html>

Answer 1

你有一个流浪的资本P：

                    $('.date-pick').datepicker({clickInput:true})

Answer 2

您必须将图像的click（）事件绑定到日期选择器。

试试这个：

$("img.date-pick").click(function(e) {
    $('#date').datepicker("show");
});

Answer 3

没有任何javascript：

<label for="date"><img src='calendarPicture.png'/></label>

就像这个http://jsfiddle.net/RYKTx/

一样

帮助jquery datepicker

3 个答案: