Question

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

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

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

谢谢，

Answer 1

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

在Jquery中多次使用函数

1 个答案: