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',
)); ?>
任何解决方案?我会很感激。
答
在第一个例子你的“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元素。
检查控制台是否有错误。你包括正确的jQuery和datepicker库吗? –
_“不起作用”_并没有告诉我们很多。控制台中有任何错误? –
如果你需要日期选择器为模态的内容工作,我建议你确保代码在模态显示后运行(取决于框架,这是通过事件或回调参数)。日期字段可能不在文档准备好的页面中。 – apokryfos