jQuery UI Datepicker不起作用

我的datepicker在一个文件中工作正常，但在另一个文件中根本不起作用。有人能指出问题是什么吗？jQuery UI 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', 
)); ?>

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

来源

2017-02-13 Speedvees

检查控制台是否有错误。你包括正确的jQuery和datepicker库吗？ –

_“不起作用”_并没有告诉我们很多。控制台中有任何错误？ –

如果你需要日期选择器为模态的内容工作，我建议你确保代码在模态显示后运行（取决于框架，这是通过事件或回调参数）。日期字段可能不在文档准备好的页面中。 – apokryfos

在第一个例子你的“birth_date”文本字段级的“日期”：

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

在第二个例子中没有“日期”类字段定义：

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

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

来源

2017-02-14 16:23:27 Timur

jQuery UI Datepicker不起作用

回答

相关问题