javascript на разных html-страницах отображаются разные средства выбора даты

Question

Мне нужно показать одинаковый интерфейс и стиль DatePicker во всех местах, где я использую DatePicker.

На первой странице указатель даты выглядит следующим образом: здесь 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

В зависимости от того, какой указатель даты вы используете, вы можете попытаться установить параметр 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 2

Я использовал 2 разных средства выбора даты - первый был загрузчиком даты, а другой - другим.

Изменение обоих в средствах выбора даты начальной загрузки дало одинаковый стиль и интерфейс в обоих средствах выбора даты.

Я добавил следующую ссылку над второй, как показано ниже.

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

вы можете использовать конфигурацию

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