gcogco10 Ответов: 1

Как создать правильный формат даты в bootstrap date-picker?

Привет Команда

У меня есть небольшая проблема, мой контроль формы ввода для даты не является правильным. Он показывает эту форму на моем input-daterange.eg 01.08.2020. Я хочу, чтобы этот формат был 08/01/2020 и имел нижеприведенную логику, которая делает это, и нуждается в некотором улучшении, чтобы сделать его лучше.

Что я уже пробовал:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.min.css">
<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js"></script>
 <!---DatePicker for startDate and endDate.
   ----> 
   <div class="d-flex justify-content-start">
   <div class = "col-xl-10.5 col-lg-10.5 col-md-10 col-sm-10.5 col-10.5">
 <div class="input-daterange input-group" id="datepicker">
   <input type="text" class="input-sm form-control" name="from" placeholder="startdate"/>
   <span class="input-group-addon">To</span>
   <input type="text" class= "input-sm form-control" placeholder="enddate"/>
     </div>
     </div>
  </div><br>
  // date functionality
 $(document).ready(function() {
   var year = (new Date).getFullYear();
   $('.input-daterange').datepicker({
     dateFormat: "dd-mm-yy",
     autoclose:true,
     minDate: new Date(year, 0, 1),
     maxDate:new Date(year, 11, 31)

   });
 });

		    
                    

                    
                

                

                                    

            

            

                

                    
1 Ответов

                                            

                            
Рейтинг:
 12


                            

                                

                                    tninis
                                    
                                

                                

    ***Обновление используйте параметр формат значения параметра dateformat

Здравствуйте, у вас уже есть опция dateFormat.

Формат, который у вас уже есть в вашем сценарии, таков:

dd=день,

мм=месяц,

yy =год,


пример даты с вашим текущим форматом : 31/12/2020

$(document).ready(function() {
   var year = (new Date).getFullYear();
   $('.input-daterange').datepicker({
     format: "dd-mm-yyyy",
     autoclose:true,
     minDate: new Date(year, 0, 1),
     maxDate:new Date(year, 11, 31)

   });
 });




например, вы можете изменить формат даты :
"mm-dd-yyyy"
 или 
"mm/dd/yyyy"



                                

                            

                                                            

                                    

                                        gcogco10
                                        
                                    

                                    
На бланке для меня он значится как 01.07.2020. Вместо этого она должна быть в нормальной форме, когда, используя элемент управления datepicker 07/01/2020. Вопрос в том, поддерживает ли bootstrap эту логику, проблема заключается не в datepicker на Jquery, а в самой форме.


                                

                                                            

                                    

                                        tninis
                                        
                                    

                                    
ты это изменил :

$(документ).готово(функция() {

   var year = (новая дата).getFullYear();

   $('.ввод-периода').отмечать({

     формат даты: "ДД-ММ-гг",

     автосохранение:правда,

     minDate: новая дата(год, 0, 1),

     maxDate:новая дата(год, 11, 31)


   });

 });


до настоящего времени 


$(документ).готово(функция() {

   var year = (новая дата).getFullYear();

   $('.ввод-периода').отмечать({

     формат: "ДД-ММ-гггг",

     автосохранение:правда,

     minDate: новая дата(год, 0, 1),

     maxDate:новая дата(год, 11, 31)


   });

 });


??


загрузочный элемент управления datepicker есть опция "формат" не тот вариант "параметра dateformat"


                                

                                                            

                                    

                                        gcogco10
                                        
                                    

                                    
спасибо, приятель, формат действительно сработал. в нем говорится о том, как 15-01-2020 которая доступна для чтения. Я знал, что есть такой вариант. Также при использовании формата:ДД-ММ-гггг работает этот подход в отличие от использования этого формата:ММ/ДД/гггг