Question

你好我有一个完全独立工作的日期选择器，代码如下：

 <link rel="stylesheet" href="uidatepicker/themes/blitzer/jquery.ui.all.css">
    <script src="uidatepicker/jquery-1.5.1.js"></script>
    <script src="uidatepicker/jquery.ui.core.js"></script>
    <script src="uidatepicker/jquery.ui.widget.js"></script>

    <script src="uidatepicker/jquery.ui.datepicker.js"></script>
    <link rel="stylesheet" href="uidatepicker/demos.css">


    <script>
    $(function() {
        $( "#datepicker" ).datepicker({
            showOn: "both",
            buttonImage: "uidatepicker/calendar.gif",
            buttonImageOnly: true
        });
    });
    </script>


<form method="post" action="saveEvent.php">
<p>Titulo del evento:</p>
<input type="text" name="title" value=""  class="text-input medium-input datepicker"/>
<p>Descripcion:</p>
<textarea name="message"></textarea>
<p>Fecha:</p>
<input type="text" name="date" value="" id="datepicker"/>
<p>Locacion:</p>
<select name="locationId" class="small-input">
  <option value="">--- Selecciona ---</option>
            <option value="3">La charanguita</option>
            <option value="7">H20</option>
            <option value="8">Bleu</option>
      </select>
<p>Url del icono: (150x135px)</p>
<input type="text" name="smallIconUrl" value=""  class="text-input medium-input"/>

<p><input type="submit" value="Nuevo Evento" class="button"  /></p>

</form>

我将从另一个文件加载它，如：

    $('#EventsContent').load('partials/newEvent.php');

问题是，无论我尝试了什么，都不会出现datepicker，这对我来说已经过了3天了。

阻碍jquery ui datepicker ?? +

正确操作的确切问题是什么？

提前感谢您的帮助。

Answer 1

您使用datepicker输入文本？我看到你有一个id =“datepicker”和class =“datepicker”？
我替换'to'，我在浏览器“IE，FireFox，GoogleChrome”中测试代码，这是有效的。
我使用JQuery 1.5.2＆amp; jquery-ui-1.8.10，但我认为版本不是一个大问题。

4。我有另一个理想，当你加载完成时你可以重新绑定datepicker事件：

$('#EventsContent').load('partials/newEvent.php', function() {
    $( "#datepicker" ).datepicker({
        showOn: "both",
        buttonImage: "uidatepicker/calendar.gif",
        buttonImageOnly: true
    });    
});

在加载partial之后使用datatpicker时，必须重新绑定，但JQuery live（）函数可以帮助我们完成这些操作，请参阅http://api.jquery.com/live/

<script type="text/javascript">
    $(function () {
        $("#datepicker").live("click", function () {
            $(this).datepicker({
                showOn: "both",
                buttonImage: "uidatepicker/calendar.gif",
                buttonImageOnly: true
            }).focus();
        });
    });
</script>

而不是：

$(function() {
    $( "#datepicker" ).datepicker({
        showOn: "both",
        buttonImage: "uidatepicker/calendar.gif",
        buttonImageOnly: true
    });
});

部分不工作的jquery datepicker

1 个答案:

4。我有另一个理想，当你加载完成时你可以重新绑定datepicker事件：