Как изменить формат даты с помощью JqueryUI на основе часового пояса? - PullRequest
Новая
       10

Как изменить формат даты с помощью JqueryUI на основе часового пояса?

0 голосов
/ 08 января 2020

У меня есть код для выбора даты с использованием JqueryUI, я хочу использовать свой часовой пояс (регион SA). Формат даты должен быть 'dd-mm-yy'. Но мой текстовый интерфейс в моем текстовом поле - 01/08/2020. Это правильный формат, пожалуйста, помогите улучшить это, спасибо. 

<!---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(){
  $('.input-daterange').datepicker({
   dateFormat: "dd-mm-yy",
    autoclose:true

    });
  });

1 Ответ

0 голосов
/ 08 января 2020

Я настроил следующий тест, используя jQuery UI. 

$(function() {
  // date functionality
  $.datepicker.setDefaults($.datepicker.regional["sa"]);
  $('.input-daterange input').datepicker({
    dateFormat: "dd-mm-yy"
  });
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<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/>

Атрибут $.datepicker.regional содержит массив локализаций, проиндексированных по коду языка, с "", относящимся к значению по умолчанию (Engli sh ). Каждая запись является объектом со следующими атрибутами: closeText, prevText, nextText, currentText, monthNames, monthNamesShort, dayNames, dayNamesShort, dayNamesMin, weekHeader, dateFormat, firstDay, isRTL, showMonthAfterYear и yearSuffix.

...