Question

我在一个文件中的datepicker工作正常，但在另一个文件中它根本不起作用。有人可以指出问题是什么吗？

以下是工作datepicker的代码：

<script type="text/javascript">
$(document).ready(function(){
    $('.date').datepicker({
        changeYear: true,
        changeMonth: true,
        dateFormat: "dd.mm.yy",
        minDate: new Date(1950, 1 - 1, 1),
        maxDate: new Date(),
        yearRange: "1900:2015",
        closeText: "Zamknij",
        dayNames: [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
        monthNames: [ "Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień" ],
        monthNamesShort: [ "Sty", "Lut", "Mar", "Kwie", "Maj", "Cze", "Lip", "Sie", "Wrz", "Paź", "Lis", "Gru" ]
    });
});

我在这里使用它：

        <div class="form-group ">
        <label class="col-sm-2" for="Client_birth_date">
            <?php echo $registerForm->labelEx($registerModel, 'birth_date'); ?>
        </label>
        <div class="col-sm-10">
          <?php echo $registerForm->textField($registerModel, 'birth_date', array('class' => 'input_form input_grup date form-control')); ?>
          <?php echo $registerForm->error($registerModel, 'birth_date'); ?>
        </div>
    </div>

它运作得很好。

但是在另一个文件中我有相同的代码，但它根本不起作用。

脚本：

<script type="text/javascript">
$(document).ready(function(){
    $('#display-files').click(function(){
        $('#files-modal').modal({show:true});
    });
});

<script type="text/javascript">
$(document).ready(function(){
    $('.date').datepicker({
        changeYear: true,
        changeMonth: true,
        dateFormat: "dd.mm.yy",
        minDate: new Date(1950, 1 - 1, 1),
        maxDate: new Date(),
        yearRange: "1900:2015",
        closeText: "Zamknij",
        dayNames: [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
        monthNames: [ "Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień" ],
        monthNamesShort: [ "Sty", "Lut", "Mar", "Kwie", "Maj", "Cze", "Lip", "Sie", "Wrz", "Paź", "Lis", "Gru" ]
    });
});

<script type="text/javascript">
$(document).ready(function(){
    $('#display-tags').click(function(){
        $('#tags-modal').modal({show:true});
    });
});

我使用它的地方：

<?= $aditionalCostForm->labelEx($aditionalCostModel, 'date'); ?>
<?= $aditionalCostForm->textField($aditionalCostModel, 'date', array(
    'class' => 'form-control btn-rect',
)); ?>

任何解决方案？我会很感激。

Answer 1

在第一个示例中，您的＆＃34; birth_date＆＃34;文本字段有类＆＃34;日期＆＃34;：

<?php echo $registerForm->textField($registerModel, 'birth_date', array(
   'class' => 'input_form input_grup date form-control'
)); ?>

在第二个例子中没有＆＃34; date＆＃34;字段定义中的类：

<?= $aditionalCostForm->textField($aditionalCostModel, 'date', array(
    'class' => 'form-control btn-rect',
)); ?>

因此jquery无法找到所需的dom元素。

jQuery UI Datepicker不起作用

1 个答案: