javascript不同的html页面显示不同的日期选择器
我需要在我使用日期选择器的所有地方显示相同的日期选择器界面和样式 第一个页面显示日期选择器,如下所示:这里IMG1和IMG2位于两个不同的html页面中 img 1:javascript不同的html页面显示不同的日期选择器,javascript,jquery,codeigniter,datepicker,Javascript,Jquery,Codeigniter,Datepicker,我需要在我使用日期选择器的所有地方显示相同的日期选择器界面和样式 第一个页面显示日期选择器,如下所示:这里IMG1和IMG2位于两个不同的html页面中 img 1: <input name="start" id="datepicker1" type="text" value="<?php echo(set_value('start') ? set_value('start') : date("y-m-d")); ?>" class="form-control">
<input name="start" id="datepicker1" type="text" value="<?php echo(set_value('start') ? set_value('start') : date("y-m-d")); ?>" class="form-control">
<input name="end" id="datepicker2" type="text" value="<?php echo set_value('end'); ?>" class="form-control">
$(function() {
$( "#datepicker1" ).datepicker();
$( "#datepicker2" ).datepicker();
});
您可以使用该配置
$('.datepicker3').datepicker({
format: 'mm/dd/yyyy'
});
根据您使用的日期选择器,您可以尝试设置dateformat
选项
例如:
$(function() {
$( "#datepicker1" ).datepicker({
dateFormat: 'dd/mm/yy'
});
$( "#datepicker2" ).datepicker({
dateFormat: 'dd/mm/yy'
});
$( "#datepicker3" ).datepicker({
dateFormat: 'dd/mm/yy'
});
$( "#datepicker4" ).datepicker({
dateFormat: 'dd/mm/yy'
});
});
我一直在使用两个不同的日期选择器-第一个是引导日期选择器,另一个是其他的日期选择器
将两者更改为引导数据采集器会在两个数据采集器中提供相同的样式和接口
我在第二个链接上面添加了以下链接,如下所示
<script type="text/javascript" src="<?php echo base_url(); ?>js/admin/plugins/datepicker/bootstrap-datepicker.js"></script>
<script type="text/javascript">
$(function() {
$( "#datepicker3" ).datepicker();
$( "#datepicker4" ).datepicker();
});
</script>
您可能在第二个日期选取器中遗漏了日期选取器css。或者您在每个页面上都有不同的样式重叠日期选取器?它们看起来像两个不同的日期选取器-第二个似乎是jQuery UI日期选取器,第一个我不知道的可能是一个引导衍生工具…@sintakonte谢谢大量我的问题解决了。我使用了:datepicker接口还没有改变。
<script type="text/javascript" src="<?php echo base_url(); ?>js/admin/plugins/datepicker/bootstrap-datepicker.js"></script>
<script type="text/javascript">
$(function() {
$( "#datepicker3" ).datepicker();
$( "#datepicker4" ).datepicker();
});
</script>