-1

我使用以下代码将日期选择小部件添加到我的页面。

    <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
    <script type='text/javascript' src="http://twitter.github.com/bootstrap/assets/js/bootstrap.min.js"></script>
        <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
        <script type="text/javascript">
        $(function datewidget() {
        $( "#datepicker" ).datepicker({
            dateFormat : 'dd/mm/yy',
            changeMonth : true,
            changeYear : true,
            yearRange: '-100y:c+nn',
            maxDate: '-1d'
        });
    $('#datepicker').live("change", function() {
        datewidget();
        });
    });

然后将此功能应用于我的 html 中的输入字段，如下所示，

<div class="span12">
                <form method="post" name="bdayInputFormMain" action="/bdayremind_maininput/" class="form-inline">
                {% csrf_token %}
                        <input name="name" type="text" class="input-medium" placeholder="Name">
                        <input name="dob" type="text" class="input-small" placeholder="Date of Birth" id="datepicker">
                        <input name="anni" type="text" class="input-small" placeholder="Anniversy" id="datepicker">
                        <input name="name" type="text" class="input-xlarge" placeholder="Address">
                        <button type="submit" class="btn">Update</button>
                </form>

但是问题是日期选择小部件仅在我单击“出生日期”字段时打开。

谢谢，

4

1 回答 1

1

而是使用了一个类来解决问题....

于 2013-02-01T20:32:54.340 回答