2015-05-05 3 views
0

Я использую kendo datePicker в своем веб-приложении.Как установить формат даты для даты, отображаемой в дате пиктограммы кендо, в том же формате, что и система?

Дата, отображаемая в нем, имеет формат MM/DD/YYYY по умолчанию.

Я хотел бы получить формат даты, используемой операционной системой или браузером, и применить ее на kendo datePicker.

Есть ли способ или функция в javascript, который может предоставить это, пожалуйста?

+0

В какой библиотеке вы используете? jQueryUI? Bootstrap DatePicker? – jmgross

ответ

0

Поскольку вы не дали мне никакого кода, вы можете попробовать это:

td = new Date(); 
    var dd = today.getDate(); 
    var mm = today.getMonth()+1; //January is 0! 
    var yyyy = today.getFullYear(); 

    if(dd<10) { 
     dd='0'+dd 
    } 

    if(mm<10) { 
     mm='0'+mm 
    } 

    td = dd+'/'+mm+'/'+yyyy; 
    $(document).ready(function() { 
        var today = td, 
         birthdays = [ 
          new Date(today.getFullYear(), today.getMonth(), 11), 
          new Date(today.getFullYear(), today.getMonth() + 1, 6), 
          new Date(today.getFullYear(), today.getMonth() + 1, 27), 
          new Date(today.getFullYear(), today.getMonth() - 1, 3), 
          new Date(today.getFullYear(), today.getMonth() - 2, 22) 
         ]; 

        $("#datepicker").kendoDatePicker({ 
         value: today, 
         dates: birthdays, 
         ....}); 

DatePicker Код адаптировано из here

EDIT: Я заметил, теперь вы спрашивали о системе Дата. Я искал немного, и обнаружили этот метод Date.prototype.toLocaleDateString()

Acording к this вы получите форматы:

например для меня 13 декабря 2011 года:

  1. Safari возвращается 13 декабря 2001
  2. Firefox 12/13/2011
  3. Opera Вторник 13 декабря 2011
  4. Chrome вторник, 13 Декабрь 2011
  5. IE 6 вторником, 13 декабря 2011

Тем не менее, я не проверял, поэтому, пожалуйста, предоставить мне доказательства в случае, если я ошибаюсь

надеюсь, вам это поможет

0

Чтобы определить формат, используйте текущую культуру, используя Kendo Globalization.

Определить текущую культуру:

@{ 
    var culture = Thread.CurrentThread.CurrentCulture.Name; 
} 

Добавьте культуры скрипты Кендо:

<script src="jquery.js"></script> 
<script src="kendo.all.min.js"></script> 
<script src="@Url.Content("~/Scripts/kendo/kendo.culture." + culture + ".min.js")"></script> 

Тогда либо применить текущую культуру для всех виджетов:

<script type="text/javascript"> 
    kendo.culture("@culture"); 
</script> 

... или, жесткий код на основе каждого виджета.

$("#firstDate").kendoDatePicker({ 
    culture: "en-GB", 
    //.... 
}); 

Список виджетов, который зависит от текущей культуры

  • Календарь
  • DatePicker
  • TimePicker
  • DateTimePicker
  • NumericTextBox
  • Маске TextBox (глобализированные маска литералы)
  • Планировщик
  • Ганта
  • Все виджеты, которые поддерживают дату или числовое форматирование.

globalize.js:

Обратите внимание, что когда globalize.js зарегистрировано до сценариев Кендо UI, то Кендо UI будет использовать globalize.js Характеристика вместо Кендо UI глобализации.

Смежные вопросы