javascript不同的html页面显示不同的数据提示

Question

我需要在所有使用数据采集器的地方显示相同的数据采集界面和样式。

第一页显示了这样的数据报警器:在这里，img 1和img 2位于两个不同的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="end" id="datepicker2" type="text" value="<?php echo set_value('end'); ?>"  class="form-control">

  $(function() {
    $( "#datepicker1" ).datepicker();
    $( "#datepicker2" ).datepicker();
  });

img 2：

<input  name="start" id="datepicker3" type="text" value="<?php echo ((!set_value('start')) ? $offerinfo->startdate : set_value('start')); ?>"  class="form-control datepicker">
<input  name="end" id="datepicker4" type="text" value="<?php echo ((!set_value('end')) ? $offerinfo->enddate : set_value('end')); ?>"  class="form-control datepicker">

$(function() {
    $( "#datepicker3" ).datepicker();
    $( "#datepicker4" ).datepicker();
});

Answer 1

我一直在使用两种不同的数据采集器--第一种是引导数据机，而另一种是其他的。

将两者转换为引导型数据启动器，在这两种数据采集器中都提供了相同的样式和界面。

我在第二个链接上面添加了如下链接：

<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>

Answer 2

根据您使用的数据报警器，您可以尝试设置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'
    });
});

Answer 3

您可以使用配置

$('.datepicker3').datepicker({
    format: 'mm/dd/yyyy'
});