Question

在浏览stackoverflow中的所有帖子后，我仍无法解决我的问题。

我运行了jacklight JS并使用了jquery datepicker。

以下是我对我所面临的问题的逐步解释：

1）我有一个按钮来触发弹出的羽毛灯 2）单击按钮后，我可以单击输入字段并打开日期选择器 3）选择我想要的日期后，它不会在输入字段中显示所选日期 4）当我在弹出窗口外面点击时，羽毛灯会弹出 5）当我点击按钮触发羽毛灯再次弹出时，它会在输入字段中显示先前选择的日期

以下是我的代码：

$(document).ready(function(){
        $("#dob").datepicker({
            dateFormat: "dd/mm/yy"
        });
    });

<a class='pure-button sign-up' data-featherlight='.overlay-signup'>Sign up</a>
<div class='overlay-signup'>
    <div class='holder-sm'>
        <div class='pure-u-1-1'>
            <div class='wrapper'>
                <h3>Sign up</h3>
                <p class="center-txt">Great prizes await! Sign up now!</p>
                <form method="post" action="index.php" name="registerform" class='pure-form pure-form-stacked'>
                    <fieldset>
                        <input id="user_name" pattern="[a-zA-Z ]{2,64}" name="user_name" class='pure-input-1' placeholder='NAME (as in NRIC)' type='text' required>

                        <div class="pure-g">
                            <div class="pure-u-2-3">
                                <input class='pure-input-1' id="dob" name="dob" placeholder='DATE OF BIRTH (DD/MM/YYYY)' type='text'>
                                <p class="dob"></p>
                                <!-- %input.pure-input-1{:type=>"text", :placeholder=>"Gender"} -->
                            </div>
                            <div class="pure-u-1-3">
                                <select class='pure-input-1' name="gender">
                                    <option value="Male">MALE</option>
                                    <option value="Female">FEMALE</option>
                                </select>
                            </div>
                        </div>


                        <input id="user_email" class='pure-input-1' placeholder='EMAIL (name@email.com)' type="email" name="user_email" required />

                        <input class='pure-input-1' placeholder='PASSWORD (at least 6 characters)'  id="user_password_new" type="password" name="user_password_new" pattern=".{6,}" required autocomplete="off" />

                        <input class='pure-input-1' placeholder='REPEAT PASSWORD' id="user_password_repeat" type="password" name="user_password_repeat" pattern=".{6,}" required autocomplete="off" />

                        <label class='pure-radio'>
                            <input checked='' name="newsletter" value="on" type='checkbox'>
                            I would like to receive promotions/newsletters from UNIQLO
                        </label>
                        <label class='pure-radio'>
                            <input type='checkbox' required>
                            I have read the <a href="tc.html">Terms & Conditions</a>
                        </label>
                    </fieldset>
                    <button class='pure-button' name="register" type='submit'>SIGN UP</button>
                    <p class="or">OR</p>
                    <a href="<?php echo htmlspecialchars($loginUrl); ?>" class='pure-button' type='submit'>SIGN IN WITH FACEBOOK</a>
                </form>
            </div>
        </div>
    </div>
</div>

我现在非常绝望，过去5个小时一直试图解决这个问题。

希望任何善良的人都能帮助我。

先谢谢你们！

Answer 1

尝试使用DialogResult选项，或者调整您的javascript，以便日历绑定发生在persist上，而不使用ID引用。

Jquery datepicker没有使用featherlight JS显示所选日期

1 个答案: